Wildflower and Hay Farbpalette

Wildflower and Hay ist eine Palette aus 6 Farben, die auf Grüntöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 22 % (#102000, sehr dunkel) bis 97 % (#EAFDC9, sehr hell), und die gesättigtste Farbe, #577820, ist mäßig gesättigt. Ihre Farben haben zu wenig Chroma, um warm oder kühl zu wirken. 6 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit natur, frühling, monochrom, farbverlauf und grün.

NaturFrühlingMonochromFarbverlaufGrün

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #102000 rgb(16, 32, 0) hsl(90, 100%, 6%) oklch(22.1% 0.061 131.3)
Pakistan Green #2E4801 rgb(46, 72, 1) hsl(82, 97%, 14%) oklch(36.7% 0.097 129.3)
Dark Moss Green #577820 rgb(87, 120, 32) hsl(83, 58%, 30%) oklch(52.9% 0.121 128)
Olive #7F9F4C rgb(127, 159, 76) hsl(83, 35%, 46%) oklch(66% 0.117 126.8)
Ash Gray #B3CC88 rgb(179, 204, 136) hsl(82, 40%, 67%) oklch(81% 0.095 124.9)
Cornsilk #EAFDC9 rgb(234, 253, 201) hsl(82, 93%, 89%) oklch(96.7% 0.07 124)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#EAFDC9 auf #102000 15.78:1 AAA Lc -100.2
#102000 auf #B3CC88 9.69:1 AAA Lc 69.4
#EAFDC9 auf #2E4801 9.49:1 AAA Lc -91.7

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/102000-2e4801-577820-7f9f4c-b3cc88-eafdc9.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