Lullaby Drift Farbpalette
Lullaby Drift ist eine Palette aus 4 Farben, die auf Grüntöne und Türkis- und Cyantöne aufbaut. In OKLCH reicht die Helligkeit von 71 % (#84AE96, mittelhell) bis 96 % (#D1FEF8, sehr hell), und die gesättigtste Farbe, #84AE96, ist gedämpft. 3 ihrer 4 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 0 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit pastell, kalt, türkis, hell und ruhig.
- Muted Teal #84AE96
- Light Cornflower Blue #9BC6C9
- Celeste #BBE2D5
- Light Cyan #D1FEF8
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Muted Teal | #84AE96 | rgb(132, 174, 150) | hsl(146, 21%, 60%) | oklch(71.3% 0.057 159.5) |
| Light Cornflower Blue | #9BC6C9 | rgb(155, 198, 201) | hsl(184, 30%, 70%) | oklch(79.7% 0.046 201.6) |
| Celeste | #BBE2D5 | rgb(187, 226, 213) | hsl(160, 40%, 81%) | oklch(88.1% 0.045 173) |
| Light Cyan | #D1FEF8 | rgb(209, 254, 248) | hsl(172, 96%, 91%) | oklch(96.4% 0.047 186.5) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Lullaby Drift, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #D1FEF8 auf #84AE96 | 2.27:1 | Nicht bestanden | Lc -47.1 |
| #BBE2D5 auf #84AE96 | 1.76:1 | Nicht bestanden | Lc -29.7 |
| #D1FEF8 auf #9BC6C9 | 1.70:1 | Nicht bestanden | Lc -32.5 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran.
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Im Code verwenden
Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/84ae96-9bc6c9-bbe2d5-d1fef8.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.