Palette de couleurs Meridian Holdings
Meridian Holdings est une palette de 5 couleurs qui puise dans les bleus, oranges et neutres. En OKLCH, sa luminosité va de 35 % (#163A66, foncé) à 98 % (#F5F8FC, très clair), et sa couleur la plus saturée, #3B7DD8, est vif. 3 de ses 4 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 : entreprise, froides, bleues et adaptées au daltonisme.
- Prussian Blue #163A66
- Azure #3B7DD8
- Light Cornflower Blue #8FB4E8
- Gamboge #E8A33D
- Cultured #F5F8FC
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #163A66 | rgb(22, 58, 102) | hsl(213, 65%, 24%) | oklch(34.7% 0.087 255.1) |
| Azure | #3B7DD8 | rgb(59, 125, 216) | hsl(215, 67%, 54%) | oklch(59.3% 0.155 257.2) |
| Light Cornflower Blue | #8FB4E8 | rgb(143, 180, 232) | hsl(215, 66%, 74%) | oklch(76.2% 0.085 256.9) |
| Gamboge | #E8A33D | rgb(232, 163, 61) | hsl(36, 79%, 57%) | oklch(76.5% 0.14 72.9) |
| Cultured | #F5F8FC | rgb(245, 248, 252) | hsl(214, 54%, 97%) | oklch(97.8% 0.006 255.5) |
Accessibilité
Les meilleures paires texte et fond de Meridian Holdings, 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 |
|---|---|---|---|
| #F5F8FC sur #163A66 | 10.77:1 | AAA | Lc -95.0 |
| #8FB4E8 sur #163A66 | 5.39:1 | AA | Lc -52.5 |
| #E8A33D sur #163A66 | 5.32:1 | AA | Lc -52.1 |
Vision des couleurs
1 paire de couleurs se rapproche à moins de ΔE 0.06 l’une de l’autre dans au moins une simulation. 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/163a66-3b7dd8-8fb4e8-e8a33d-f5f8fc.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.