Palette de couleurs Studio Roadmap
Studio Roadmap est une palette de 5 couleurs qui puise dans les turquoises et cyans et oranges. En OKLCH, sa luminosité va de 27 % (#0B2B33, foncé) à 88 % (#AEE6DD, clair), et sa couleur la plus saturée, #E36414, est vif. 3 de ses 5 couleurs chromatiques se situent du côté froid du cercle chromatique. 2 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : tech, entreprise, oranges et chaudes.
- Oxford Blue #0B2B33
- Teal Green #1A8A8C
- Burnt Sienna #E36414
- Saffron #E2B559
- Celeste #AEE6DD
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #0B2B33 | rgb(11, 43, 51) | hsl(192, 65%, 12%) | oklch(27% 0.039 217.4) |
| Teal Green | #1A8A8C | rgb(26, 138, 140) | hsl(181, 69%, 33%) | oklch(57.7% 0.093 196.8) |
| Burnt Sienna | #E36414 | rgb(227, 100, 20) | hsl(23, 84%, 48%) | oklch(65.1% 0.177 45.7) |
| Saffron | #E2B559 | rgb(226, 181, 89) | hsl(40, 70%, 62%) | oklch(79.6% 0.122 83.2) |
| Celeste | #AEE6DD | rgb(174, 230, 221) | hsl(170, 53%, 79%) | oklch(88.4% 0.058 184) |
Accessibilité
Les meilleures paires texte et fond de Studio Roadmap, 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 |
|---|---|---|---|
| #AEE6DD sur #0B2B33 | 10.77:1 | AAA | Lc -81.4 |
| #0B2B33 sur #E2B559 | 7.81:1 | AAA | Lc 63.1 |
| #0B2B33 sur #E36414 | 4.33:1 | AA grand texte | Lc 38.5 |
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/0b2b33-1a8a8c-e36414-e2b559-aee6dd.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.