Palette de couleurs Fireside Blanket
Fireside Blanket est une palette de 4 couleurs qui puise dans les turquoises et cyans, rouges, verts et neutres. En OKLCH, sa luminosité va de 26 % (#0B2B26, foncé) à 96 % (#F5F1E8, très clair), et sa couleur la plus saturée, #6B1D2A, est moyennement saturé. Ses couleurs chromatiques se répartissent à égalité entre le côté chaud et le côté froid du cercle chromatique. 4 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : hiver, noël, rouges, vertes et sourdes.
- Jet #0B2B26
- Maroon #6B1D2A
- Muted Teal #8EB69B
- Anti-Flash White #F5F1E8
Codes couleur
| Couleur | 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) |
Accessibilité
Les meilleures paires texte et fond de Fireside Blanket, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.
| Paire | WCAG 2 | Niveau | APCA Lc |
|---|---|---|---|
| #F5F1E8 sur #0B2B26 | 13.42:1 | AAA | Lc -95.6 |
| #F5F1E8 sur #6B1D2A | 10.16:1 | AAA | Lc -90.3 |
| #0B2B26 sur #8EB69B | 6.71:1 | AA | Lc 55.4 |
Vision des couleurs
1 paire de couleurs se rapproche à moins de ΔE 0.06 l’une de l’autre dans au moins une simulation.
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
À utiliser dans votre code
Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/0b2b26-6b1d2a-8eb69b-f5f1e8.json.
Faites-la vôtre
Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.