Carnation Corsage Farbpalette
Carnation Corsage ist eine Palette aus 5 Farben, die auf Rottöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 30 % (#4A1C2C, dunkel) bis 98 % (#FFF8F8, sehr hell), und die gesättigtste Farbe, #C96B80, ist mäßig gesättigt. 4 ihrer 4 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, rot und farbenblind-freundlich.
- Space Cadet #4A1C2C
- Auburn #8E3B55
- Burnt Sienna #C96B80
- Silver #D3B29C
- Cultured #FFF8F8
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #4A1C2C | rgb(74, 28, 44) | hsl(339, 45%, 20%) | oklch(30.1% 0.072 0.6) |
| Auburn | #8E3B55 | rgb(142, 59, 85) | hsl(341, 41%, 39%) | oklch(47.2% 0.116 3) |
| Burnt Sienna | #C96B80 | rgb(201, 107, 128) | hsl(347, 47%, 60%) | oklch(64.1% 0.121 6.8) |
| Silver | #D3B29C | rgb(211, 178, 156) | hsl(24, 38%, 72%) | oklch(78.7% 0.049 55.6) |
| Cultured | #FFF8F8 | rgb(255, 248, 248) | hsl(0, 100%, 99%) | oklch(98.5% 0.007 17.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Carnation Corsage, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFF8F8 auf #4A1C2C | 13.41:1 | AAA | Lc -99.8 |
| #4A1C2C auf #D3B29C | 7.11:1 | AAA | Lc 60.1 |
| #FFF8F8 auf #8E3B55 | 6.89:1 | AA | Lc -85.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/4a1c2c-8e3b55-c96b80-d3b29c-fff8f8.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.