Roast and Cortado Farbpalette
Roast and Cortado ist eine Palette aus 4 Farben, die auf Rottöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 31 % (#48232D, dunkel) bis 93 % (#FDE1CE, sehr hell), und die gesättigtste Farbe, #48232D, ist gedämpft. 4 ihrer 4 chromatischen Farben liegen auf der warmen 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 kaffee, warm, rot, gedämpft, erdig und farbenblind-freundlich.
- Space Cadet #48232D
- Battleship Gray #835952
- Pewter #B4A487
- Apricot #FDE1CE
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #48232D | rgb(72, 35, 45) | hsl(344, 35%, 21%) | oklch(31% 0.057 3.7) |
| Battleship Gray | #835952 | rgb(131, 89, 82) | hsl(9, 23%, 42%) | oklch(50.7% 0.057 29.7) |
| Pewter | #B4A487 | rgb(180, 164, 135) | hsl(39, 23%, 62%) | oklch(72.5% 0.044 82.4) |
| Apricot | #FDE1CE | rgb(253, 225, 206) | hsl(24, 92%, 90%) | oklch(92.8% 0.04 56.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Roast and Cortado, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FDE1CE auf #48232D | 10.84:1 | AAA | Lc -86.8 |
| #48232D auf #B4A487 | 5.54:1 | AA | Lc 49.7 |
| #FDE1CE auf #835952 | 4.79:1 | AA | Lc -68.8 |
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/48232d-835952-b4a487-fde1ce.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.