Sunhat Weekend Farbpalette
Sunhat Weekend ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne und Grüntöne aufbaut. In OKLCH reicht die Helligkeit von 27 % (#002A38, dunkel) bis 94 % (#B7FEDF, sehr hell), und die gesättigtste Farbe, #51B7AC, 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 ozean, sommer, farbverlauf, türkis, kalt und farbenblind-freundlich.
- Oxford Blue #002A38
- Dark Cyan #006E78
- Muted Teal #51B7AC
- Diamond #B7FEDF
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #002A38 | rgb(0, 42, 56) | hsl(195, 100%, 11%) | oklch(26.5% 0.051 225.9) |
| Dark Cyan | #006E78 | rgb(0, 110, 120) | hsl(185, 100%, 24%) | oklch(49.1% 0.084 205.8) |
| Muted Teal | #51B7AC | rgb(81, 183, 172) | hsl(174, 41%, 52%) | oklch(71.6% 0.096 185.7) |
| Diamond | #B7FEDF | rgb(183, 254, 223) | hsl(154, 97%, 86%) | oklch(94.2% 0.082 165.8) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Sunhat Weekend, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #B7FEDF auf #002A38 | 13.15:1 | AAA | Lc -94.1 |
| #002A38 auf #51B7AC | 6.28:1 | AA | Lc 52.5 |
| #B7FEDF auf #006E78 | 5.21:1 | AA | Lc -74.2 |
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/002a38-006e78-51b7ac-b7fedf.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.