Cabana and Watermelon Farbpalette
Cabana and Watermelon ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne, Rottöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 33 % (#073B4C, dunkel) bis 91 % (#FFE066, sehr hell), und die gesättigtste Farbe, #C1354D, ist leuchtend. Ihre chromatischen Farben verteilen sich gleichmäßig auf die warme und die kühle Seite des Farbkreises. 2 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit sommer, kräftig und rot.
- Midnight Green #073B4C
- Crimson #C1354D
- Emerald #2EC4B6
- Sunglow #FFE066
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Midnight Green | #073B4C | rgb(7, 59, 76) | hsl(195, 83%, 16%) | oklch(32.9% 0.059 225.8) |
| Crimson | #C1354D | rgb(193, 53, 77) | hsl(350, 57%, 48%) | oklch(54.7% 0.176 15.7) |
| Emerald | #2EC4B6 | rgb(46, 196, 182) | hsl(174, 62%, 47%) | oklch(74.2% 0.121 185.4) |
| Sunglow | #FFE066 | rgb(255, 224, 102) | hsl(48, 100%, 70%) | oklch(91% 0.144 95.1) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Cabana and Watermelon, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFE066 auf #073B4C | 9.26:1 | AAA | Lc -81.8 |
| #073B4C auf #2EC4B6 | 5.57:1 | AA | Lc 53.0 |
| #FFE066 auf #C1354D | 4.15:1 | AA groß | Lc -62.1 |
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/073b4c-c1354d-2ec4b6-ffe066.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.