Palette de couleurs Bamboo and Eucalyptus
Bamboo and Eucalyptus est une palette de 5 couleurs qui puise dans les turquoises et cyans, bleus et violets. En OKLCH, sa luminosité va de 24 % (#002432, très foncé) à 87 % (#D3CEFF, clair), et sa couleur la plus saturée, #5A759D, est moyennement saturé. 5 de ses 5 couleurs chromatiques se situent du côté froid du cercle chromatique. 3 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : apaisantes, sourdes, dégradé, bleues, froides et adaptées au daltonisme.
- Rich Black #002432
- Charcoal #224C6A
- Cerulean #5A759D
- Cool Gray #95A0CF
- Cadet Gray #D3CEFF
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #002432 | rgb(0, 36, 50) | hsl(197, 100%, 10%) | oklch(24.3% 0.048 228.8) |
| Charcoal | #224C6A | rgb(34, 76, 106) | hsl(205, 51%, 27%) | oklch(40.1% 0.069 242.3) |
| Cerulean | #5A759D | rgb(90, 117, 157) | hsl(216, 27%, 48%) | oklch(55.8% 0.07 258.1) |
| Cool Gray | #95A0CF | rgb(149, 160, 207) | hsl(229, 38%, 70%) | oklch(71.4% 0.07 274.3) |
| Cadet Gray | #D3CEFF | rgb(211, 206, 255) | hsl(246, 100%, 90%) | oklch(87.1% 0.067 289.6) |
Accessibilité
Les meilleures paires texte et fond de Bamboo and Eucalyptus, 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 |
|---|---|---|---|
| #D3CEFF sur #002432 | 10.82:1 | AAA | Lc -77.5 |
| #002432 sur #95A0CF | 6.32:1 | AA | Lc 50.8 |
| #D3CEFF sur #224C6A | 6.08:1 | AA | Lc -67.2 |
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. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.
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/002432-224c6a-5a759d-95a0cf-d3ceff.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.