Quiet Sky Farbpalette
Quiet Sky ist eine Palette aus 5 Farben, die auf Blautöne und Türkis- und Cyantöne aufbaut. In OKLCH reicht die Helligkeit von 31 % (#0C344F, dunkel) bis 94 % (#BAFDEC, sehr hell), und die gesättigtste Farbe, #BAFDEC, ist mäßig gesättigt. 5 ihrer 5 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 3 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit ruhig, kalt, farbverlauf, türkis, blau und farbenblind-freundlich.
- Prussian Blue #0C344F
- Dark Cyan #296279
- Slate Gray #5294A0
- Tiffany Blue #82C8C6
- Diamond #BAFDEC
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #0C344F | rgb(12, 52, 79) | hsl(204, 74%, 18%) | oklch(31.2% 0.065 242.9) |
| Dark Cyan | #296279 | rgb(41, 98, 121) | hsl(197, 49%, 32%) | oklch(46.9% 0.07 227.7) |
| Slate Gray | #5294A0 | rgb(82, 148, 160) | hsl(189, 32%, 47%) | oklch(62.7% 0.07 210.6) |
| Tiffany Blue | #82C8C6 | rgb(130, 200, 198) | hsl(178, 39%, 65%) | oklch(78.6% 0.07 193.5) |
| Diamond | #BAFDEC | rgb(186, 253, 236) | hsl(165, 94%, 86%) | oklch(94.5% 0.071 177.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Quiet Sky, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #BAFDEC auf #0C344F | 11.33:1 | AAA | Lc -92.2 |
| #82C8C6 auf #0C344F | 6.81:1 | AA | Lc -60.6 |
| #BAFDEC auf #296279 | 5.89:1 | AA | Lc -78.0 |
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/0c344f-296279-5294a0-82c8c6-bafdec.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.