Palette de couleurs Attic Cabinet
Attic Cabinet est une palette de 4 couleurs qui puise dans les neutres, rouges et oranges. En OKLCH, sa luminosité va de 31 % (#3D2C2E, foncé) à 86 % (#E8CFA0, clair), et sa couleur la plus saturée, #A3685B, est moyennement saturé. 2 de ses 2 couleurs chromatiques se situent du côté chaud du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : vintage, chaudes, rouges, jaunes et sourdes.
- Gunmetal #3D2C2E
- Dim Gray #495956
- Tiger's Eye #A3685B
- Vanilla #E8CFA0
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Gunmetal | #3D2C2E | rgb(61, 44, 46) | hsl(353, 16%, 21%) | oklch(31.4% 0.025 10.8) |
| Dim Gray | #495956 | rgb(73, 89, 86) | hsl(169, 10%, 32%) | oklch(44.9% 0.02 182.8) |
| Tiger's Eye | #A3685B | rgb(163, 104, 91) | hsl(11, 28%, 50%) | oklch(57.8% 0.079 33.1) |
| Vanilla | #E8CFA0 | rgb(232, 207, 160) | hsl(39, 61%, 77%) | oklch(86.4% 0.068 83.1) |
Accessibilité
Les meilleures paires texte et fond de Attic Cabinet, 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 |
|---|---|---|---|
| #E8CFA0 sur #3D2C2E | 8.68:1 | AAA | Lc -74.0 |
| #E8CFA0 sur #495956 | 4.87:1 | AA | Lc -61.8 |
| #E8CFA0 sur #A3685B | 2.96:1 | Échec | Lc -47.7 |
Vision des couleurs
Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie.
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/3d2c2e-495956-a3685b-e8cfa0.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.