Mist Daydream Farbpalette

Mist Daydream ist eine Palette aus 6 Farben, die auf Neutraltöne und Türkis- und Cyantöne aufbaut. In OKLCH reicht die Helligkeit von 20 % (#051B17, sehr dunkel) bis 95 % (#E6F1EF, sehr hell), und die gesättigtste Farbe, #72B4A6, ist mäßig gesättigt. 2 ihrer 2 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 4 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit kalt, türkis, grau, gedämpft, ruhig und neutral.

KaltTürkisGrauGedämpftRuhigNeutral

Farbcodes

FarbeHEXRGBHSLOKLCH
Rich Navy #051B17 rgb(5, 27, 23) hsl(169, 69%, 6%) oklch(20.3% 0.03 179.7)
Dim Gray #465D58 rgb(70, 93, 88) hsl(167, 14%, 32%) oklch(45.8% 0.029 180.1)
Teal #418276 rgb(65, 130, 118) hsl(169, 33%, 38%) oklch(56% 0.07 180.1)
Muted Teal #72B4A6 rgb(114, 180, 166) hsl(167, 31%, 58%) oklch(72.2% 0.071 179.2)
Silver #B7C9C4 rgb(183, 201, 196) hsl(163, 14%, 75%) oklch(82.1% 0.021 177.3)
Anti-Flash White #E6F1EF rgb(230, 241, 239) hsl(169, 28%, 92%) oklch(94.9% 0.012 184.1)

Barrierefreiheit

Die besten Text-Hintergrund-Paare in Mist Daydream, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.

PaarWCAG 2StufeAPCA Lc
#E6F1EF auf #051B17 15.48:1 AAA Lc -96.0
#051B17 auf #B7C9C4 10.35:1 AAA Lc 71.1
#051B17 auf #72B4A6 7.48:1 AAA Lc 55.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/051b17-465d58-418276-72b4a6-b7c9c4-e6f1ef.json.

Mach sie zu deiner

Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.

Im Generator öffnen Farbsystem erstellen Visualisieren

Farbverläufe aus diesen Farben