Fireside Blanket Farbpalette
Fireside Blanket ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne, Rottöne, Grüntöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 26 % (#0B2B26, dunkel) bis 96 % (#F5F1E8, sehr hell), und die gesättigtste Farbe, #6B1D2A, ist mäßig gesättigt. Ihre chromatischen Farben verteilen sich gleichmäßig auf die warme und die kühle Seite des Farbkreises. 4 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit winter, weihnachten, rot, grün und gedämpft.
- Jet #0B2B26
- Maroon #6B1D2A
- Muted Teal #8EB69B
- Anti-Flash White #F5F1E8
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #0B2B26 | rgb(11, 43, 38) | hsl(171, 59%, 11%) | oklch(26.4% 0.038 181.2) |
| Maroon | #6B1D2A | rgb(107, 29, 42) | hsl(350, 57%, 27%) | oklch(36.1% 0.11 15.1) |
| Muted Teal | #8EB69B | rgb(142, 182, 155) | hsl(139, 22%, 64%) | oklch(73.9% 0.058 155.2) |
| Anti-Flash White | #F5F1E8 | rgb(245, 241, 232) | hsl(42, 39%, 94%) | oklch(95.9% 0.013 86.8) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Fireside Blanket, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #F5F1E8 auf #0B2B26 | 13.42:1 | AAA | Lc -95.6 |
| #F5F1E8 auf #6B1D2A | 10.16:1 | AAA | Lc -90.3 |
| #0B2B26 auf #8EB69B | 6.71:1 | AA | Lc 55.4 |
Farbsehen
1 Farbpaar kommt in mindestens einer Simulation auf ΔE 0.06 aneinander 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/0b2b26-6b1d2a-8eb69b-f5f1e8.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.