Palette de couleurs Sailcloth Walk
Sailcloth Walk est une palette de 4 couleurs qui puise dans les bleus, rouges, turquoises et cyans et neutres. En OKLCH, sa luminosité va de 33 % (#1B3A4B, foncé) à 94 % (#F3EBDD, très clair), et sa couleur la plus saturée, #B5543A, est moyennement saturé. 2 de ses 3 couleurs chromatiques se situent du côté froid du cercle chromatique. 2 de ses 6 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : océan, été, rouges, sourdes et adaptées au daltonisme.
- Midnight Green #1B3A4B
- Sinopia #B5543A
- Cool Steel #7FA8B2
- Champagne #F3EBDD
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) |
| Sinopia | #B5543A | rgb(181, 84, 58) | hsl(13, 51%, 47%) | oklch(56.2% 0.133 36) |
| Cool Steel | #7FA8B2 | rgb(127, 168, 178) | hsl(192, 25%, 60%) | oklch(70.5% 0.047 214.4) |
| Champagne | #F3EBDD | rgb(243, 235, 221) | hsl(38, 48%, 91%) | oklch(94.3% 0.021 81.8) |
Accessibilité
Les meilleures paires texte et fond de Sailcloth Walk, 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 |
|---|---|---|---|
| #F3EBDD sur #1B3A4B | 10.12:1 | AAA | Lc -88.3 |
| #1B3A4B sur #7FA8B2 | 4.65:1 | AA | Lc 44.9 |
| #F3EBDD sur #B5543A | 4.13:1 | AA grand texte | Lc -66.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/1b3a4b-b5543a-7fa8b2-f3ebdd.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.