Cranberry Morning Farbpalette

Cranberry Morning ist eine Palette aus 5 Farben, die auf Brauntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 22 % (#261800, sehr dunkel) bis 96 % (#FFF0D8, sehr hell), und die gesättigtste Farbe, #997531, ist mäßig gesättigt. 5 ihrer 5 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit weihnachten, winter, monochrom, farbverlauf, gelb und farbenblind-freundlich.

WeihnachtenWinterMonochromFarbverlaufGelbFarbenblind-freundlich

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #261800 rgb(38, 24, 0) hsl(38, 100%, 7%) oklch(22.1% 0.046 79.8)
Dim Gray #5C410B rgb(92, 65, 11) hsl(40, 79%, 20%) oklch(39.6% 0.076 79.4)
Tiger's Eye #997531 rgb(153, 117, 49) hsl(39, 51%, 40%) oklch(58.4% 0.096 80.7)
Earth Yellow #CEB17E rgb(206, 177, 126) hsl(38, 45%, 65%) oklch(77.4% 0.075 81.3)
Cornsilk #FFF0D8 rgb(255, 240, 216) hsl(37, 100%, 92%) oklch(96.1% 0.035 79.7)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#FFF0D8 auf #261800 15.42:1 AAA Lc -97.7
#FFF0D8 auf #5C410B 8.44:1 AAA Lc -87.3
#261800 auf #CEB17E 8.42:1 AAA Lc 61.9

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.

  • 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/261800-5c410b-997531-ceb17e-fff0d8.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