Chalk and Cotton Farbpalette
Chalk and Cotton ist eine Palette aus 5 Farben, die auf Blautöne, Violetttöne und Türkis- und Cyantöne aufbaut. In OKLCH reicht die Helligkeit von 33 % (#2F324A, dunkel) bis 90 % (#C8E3F5, sehr hell), und die gesättigtste Farbe, #605679, ist gedämpft. 4 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, violett, gedämpft und kalt.
- Gunmetal #2F324A
- Dusty Grape #605679
- Slate Gray #658B96
- French Gray #9FB1CB
- Light Sky Blue #C8E3F5
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Gunmetal | #2F324A | rgb(47, 50, 74) | hsl(233, 22%, 24%) | oklch(32.5% 0.043 278.2) |
| Dusty Grape | #605679 | rgb(96, 86, 121) | hsl(257, 17%, 41%) | oklch(47.7% 0.057 297.3) |
| Slate Gray | #658B96 | rgb(101, 139, 150) | hsl(193, 20%, 49%) | oklch(61.2% 0.045 217.6) |
| French Gray | #9FB1CB | rgb(159, 177, 203) | hsl(215, 30%, 71%) | oklch(75.5% 0.043 257.5) |
| Light Sky Blue | #C8E3F5 | rgb(200, 227, 245) | hsl(204, 69%, 87%) | oklch(90.2% 0.038 237.1) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Chalk and Cotton, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #C8E3F5 auf #2F324A | 9.40:1 | AAA | Lc -81.3 |
| #2F324A auf #9FB1CB | 5.74:1 | AA | Lc 53.4 |
| #C8E3F5 auf #605679 | 5.08:1 | AA | Lc -67.7 |
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/2f324a-605679-658b96-9fb1cb-c8e3f5.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.