Palette de couleurs Boardwalk and Lighthouse
Boardwalk and Lighthouse est une palette de 4 couleurs qui puise dans les bleus, turquoises et cyans, rouges et oranges. En OKLCH, sa luminosité va de 33 % (#1B3A4B, foncé) à 89 % (#E4D8C3, clair), et sa couleur la plus saturée, #B5543A, est moyennement saturé. Ses couleurs chromatiques se répartissent à égalité entre le côté chaud et le côté froid du cercle chromatique. 1 de ses 6 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : océan, été, rouges et bleues.
- Midnight Green #1B3A4B
- YInMn Blue #3D6B7D
- Sinopia #B5543A
- Pale Oak #E4D8C3
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Midnight Green | #1B3A4B | rgb(27, 58, 75) | hsl(201, 47%, 20%) | oklch(33.3% 0.048 234.7) |
| YInMn Blue | #3D6B7D | rgb(61, 107, 125) | hsl(197, 34%, 36%) | oklch(50.2% 0.058 225.3) |
| Sinopia | #B5543A | rgb(181, 84, 58) | hsl(13, 51%, 47%) | oklch(56.2% 0.133 36) |
| Pale Oak | #E4D8C3 | rgb(228, 216, 195) | hsl(38, 38%, 83%) | oklch(88.6% 0.031 81.7) |
Accessibilité
Les meilleures paires texte et fond de Boardwalk and Lighthouse, 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 |
|---|---|---|---|
| #E4D8C3 sur #1B3A4B | 8.50:1 | AAA | Lc -76.7 |
| #E4D8C3 sur #3D6B7D | 4.14:1 | AA grand texte | Lc -60.1 |
| #E4D8C3 sur #B5543A | 3.47:1 | AA grand texte | Lc -54.6 |
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/1b3a4b-3d6b7d-b5543a-e4d8c3.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.