Palette de couleurs Onyx Crest
Onyx Crest est une palette de 4 couleurs qui puise dans les neutres, bruns et oranges. En OKLCH, sa luminosité va de 15 % (#0C0C0C, très foncé) à 99 % (#FFFAEE, très clair), et sa couleur la plus saturée, #B8923A, est moyennement saturé. 2 de ses 2 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : luxe, jaunes, sourdes, chaudes et apaisantes.
- Rich Navy #0C0C0C
- Olive #8C6D2B
- Earth Yellow #B8923A
- Seashell #FFFAEE
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #0C0C0C | rgb(12, 12, 12) | hsl(0, 0%, 5%) | oklch(15.4% 0 0) |
| Olive | #8C6D2B | rgb(140, 109, 43) | hsl(41, 53%, 36%) | oklch(55.2% 0.092 83.4) |
| Earth Yellow | #B8923A | rgb(184, 146, 58) | hsl(42, 52%, 47%) | oklch(67.9% 0.114 85.2) |
| Seashell | #FFFAEE | rgb(255, 250, 238) | hsl(42, 100%, 97%) | oklch(98.6% 0.017 88) |
Accessibilité
Les meilleures paires texte et fond de Onyx Crest, 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 |
|---|---|---|---|
| #FFFAEE sur #0C0C0C | 18.78:1 | AAA | Lc -104.5 |
| #0C0C0C sur #B8923A | 6.72:1 | AA | Lc 48.4 |
| #FFFAEE sur #8C6D2B | 4.65:1 | AA | Lc -75.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/0c0c0c-8c6d2b-b8923a-fffaee.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.