Cabana and Sundae Farbpalette

Cabana and Sundae ist eine Palette aus 6 Farben, die auf Brauntöne, Blautöne, Türkis- und Cyantöne, Violetttöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 25 % (#311D00, dunkel) bis 95 % (#F8ECDF, sehr hell), und die gesättigtste Farbe, #12ADDF, ist mäßig gesättigt. 3 ihrer 5 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 5 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit sommer, blau und braun.

SommerBlauBraun

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #311D00 rgb(49, 29, 0) hsl(36, 100%, 10%) oklch(25.1% 0.053 73.1)
Charcoal #224469 rgb(34, 68, 105) hsl(211, 51%, 27%) oklch(38% 0.075 252.1)
Tiger's Eye #986200 rgb(152, 98, 0) hsl(39, 100%, 30%) oklch(54.2% 0.116 72)
Chefchaouen Blue #12ADDF rgb(18, 173, 223) hsl(195, 85%, 47%) oklch(69.9% 0.134 228.1)
Light Cornflower Blue #B9BEFF rgb(185, 190, 255) hsl(236, 100%, 86%) oklch(82.1% 0.091 280.8)
Apricot #F8ECDF rgb(248, 236, 223) hsl(31, 64%, 92%) oklch(94.9% 0.022 69.8)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#F8ECDF auf #311D00 13.82:1 AAA Lc -94.2
#311D00 auf #B9BEFF 9.09:1 AAA Lc 68.2
#F8ECDF auf #224469 8.60:1 AAA Lc -85.9

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/311d00-224469-986200-12addf-b9beff-f8ecdf.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