Teal Release Farbpalette

Teal Release ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne und Grüntöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#001D1C, sehr dunkel) bis 90 % (#B5F0CB, sehr hell), und die gesättigtste Farbe, #B5F0CB, ist mäßig gesättigt. 3 ihrer 4 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit technik, business, türkis, grün und dunkel.

TechnikBusinessTürkisGrünDunkel

Farbcodes

FarbeHEXRGBHSLOKLCH
Rich Black #001D1C rgb(0, 29, 28) hsl(178, 100%, 6%) oklch(20.8% 0.036 191.6)
Pakistan Green #00392E rgb(0, 57, 46) hsl(168, 100%, 11%) oklch(30.8% 0.058 175)
Dark Cyan #005560 rgb(0, 85, 96) hsl(187, 100%, 19%) oklch(41.2% 0.071 209.8)
Tea Green #B5F0CB rgb(181, 240, 203) hsl(142, 66%, 83%) oklch(90.5% 0.078 156.9)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#B5F0CB auf #001D1C 13.66:1 AAA Lc -88.2
#B5F0CB auf #00392E 10.03:1 AAA Lc -83.7
#B5F0CB auf #005560 6.60:1 AA Lc -75.0

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/001d1c-00392e-005560-b5f0cb.json.

Mach sie zu deiner

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

Farbverläufe aus diesen Farben