Carnation Parlour Farbpalette
Carnation Parlour ist eine Palette aus 5 Farben, die auf Rottöne und Rosatöne aufbaut. In OKLCH reicht die Helligkeit von 24 % (#420014, sehr dunkel) bis 90 % (#FFCBF0, hell), und die gesättigtste Farbe, #762B44, ist mäßig gesättigt. 5 ihrer 5 chromatischen Farben liegen auf der warmen 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 hochzeit, warm, farbverlauf, rosa, rot und farbenblind-freundlich.
- Jet #420014
- Maroon #762B44
- English Lavender #A85B7C
- Sweet Salmon #D88EB8
- Mimi Pink #FFCBF0
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #420014 | rgb(66, 0, 20) | hsl(342, 100%, 13%) | oklch(24.2% 0.097 11) |
| Maroon | #762B44 | rgb(118, 43, 68) | hsl(340, 47%, 32%) | oklch(40.5% 0.108 2.5) |
| English Lavender | #A85B7C | rgb(168, 91, 124) | hsl(334, 31%, 51%) | oklch(57.1% 0.108 353.9) |
| Sweet Salmon | #D88EB8 | rgb(216, 142, 184) | hsl(326, 49%, 70%) | oklch(73.4% 0.104 344.9) |
| Mimi Pink | #FFCBF0 | rgb(255, 203, 240) | hsl(317, 100%, 90%) | oklch(89.8% 0.075 336.9) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Carnation Parlour, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFCBF0 auf #420014 | 12.12:1 | AAA | Lc -81.8 |
| #FFCBF0 auf #762B44 | 6.84:1 | AA | Lc -72.3 |
| #420014 auf #D88EB8 | 6.83:1 | AA | Lc 52.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/420014-762b44-a85b7c-d88eb8-ffcbf0.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.