Summit Annual Farbpalette
Summit Annual ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne und Blautöne aufbaut. In OKLCH reicht die Helligkeit von 26 % (#002A25, dunkel) bis 93 % (#DCEBFF, sehr hell), und die gesättigtste Farbe, #3BADE1, ist mäßig gesättigt. 4 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 business, kalt, farbverlauf, türkis, blau und farbenblind-freundlich.
- Jet #002A25
- Dark Cyan #006B76
- Chefchaouen Blue #3BADE1
- Gainsboro #DCEBFF
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #002A25 | rgb(0, 42, 37) | hsl(173, 100%, 8%) | oklch(25.6% 0.046 182.9) |
| Dark Cyan | #006B76 | rgb(0, 107, 118) | hsl(186, 100%, 23%) | oklch(48.2% 0.083 207.2) |
| Chefchaouen Blue | #3BADE1 | rgb(59, 173, 225) | hsl(199, 73%, 56%) | oklch(70.6% 0.125 232.5) |
| Gainsboro | #DCEBFF | rgb(220, 235, 255) | hsl(214, 100%, 93%) | oklch(93.5% 0.032 255.6) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Summit Annual, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #DCEBFF auf #002A25 | 12.79:1 | AAA | Lc -90.8 |
| #002A25 auf #3BADE1 | 6.08:1 | AA | Lc 50.6 |
| #DCEBFF auf #006B76 | 5.16:1 | AA | Lc -71.7 |
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/002a25-006b76-3bade1-dcebff.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.