Palette de couleurs Bracken Ridge
Bracken Ridge est une palette de 6 couleurs qui puise dans les verts, turquoises et cyans, oranges et jaunes. En OKLCH, sa luminosité va de 28 % (#1B2F00, foncé) à 97 % (#F8F9C6, très clair), et sa couleur la plus saturée, #B59B62, est moyennement saturé. Ses couleurs chromatiques se répartissent à égalité entre le côté chaud et le côté froid du cercle chromatique. 6 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : forêt, nature, vertes, jaunes et terreuses.
- Pakistan Green #1B2F00
- Charcoal #005255
- Dark Moss Green #497B59
- Earth Yellow #B59B62
- Tiffany Blue #A0D6C7
- Cornsilk #F8F9C6
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #1B2F00 | rgb(27, 47, 0) | hsl(86, 100%, 9%) | oklch(27.7% 0.075 130.4) |
| Charcoal | #005255 | rgb(0, 82, 85) | hsl(182, 100%, 17%) | oklch(39.8% 0.068 199.1) |
| Dark Moss Green | #497B59 | rgb(73, 123, 89) | hsl(139, 26%, 38%) | oklch(53.7% 0.076 153.4) |
| Earth Yellow | #B59B62 | rgb(181, 155, 98) | hsl(41, 36%, 55%) | oklch(70% 0.081 85.9) |
| Tiffany Blue | #A0D6C7 | rgb(160, 214, 199) | hsl(163, 40%, 73%) | oklch(83.4% 0.06 175.8) |
| Cornsilk | #F8F9C6 | rgb(248, 249, 198) | hsl(61, 81%, 88%) | oklch(96.9% 0.066 108.5) |
Accessibilité
Les meilleures paires texte et fond de Bracken Ridge, 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 |
|---|---|---|---|
| #F8F9C6 sur #1B2F00 | 13.32:1 | AAA | Lc -97.8 |
| #A0D6C7 sur #1B2F00 | 8.90:1 | AAA | Lc -71.2 |
| #F8F9C6 sur #005255 | 8.28:1 | AAA | Lc -88.4 |
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/1b2f00-005255-497b59-b59b62-a0d6c7-f8f9c6.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.