Palette de couleurs Lace and Sage
Lace and Sage est une palette de 5 couleurs qui puise dans les rouges, verts, turquoises et cyans et neutres. En OKLCH, sa luminosité va de 25 % (#2F1B21, foncé) à 95 % (#FCE9EE, très clair), et sa couleur la plus saturée, #8A606C, est atténué. 2 de ses 4 couleurs chromatiques se situent du côté chaud du cercle chromatique. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : mariage, rouges, vertes, sourdes et apaisantes.
- Jet #2F1B21
- Battleship Gray #8A606C
- Muted Teal #8BA889
- Celeste #A8CCD1
- Gainsboro #FCE9EE
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #2F1B21 | rgb(47, 27, 33) | hsl(342, 27%, 15%) | oklch(25.1% 0.033 0.3) |
| Battleship Gray | #8A606C | rgb(138, 96, 108) | hsl(343, 18%, 46%) | oklch(53.7% 0.057 0.5) |
| Muted Teal | #8BA889 | rgb(139, 168, 137) | hsl(116, 15%, 60%) | oklch(70.1% 0.055 143.3) |
| Celeste | #A8CCD1 | rgb(168, 204, 209) | hsl(187, 31%, 74%) | oklch(82.1% 0.039 206.8) |
| Gainsboro | #FCE9EE | rgb(252, 233, 238) | hsl(344, 76%, 95%) | oklch(95.1% 0.022 359.7) |
Accessibilité
Les meilleures paires texte et fond de Lace and Sage, 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 |
|---|---|---|---|
| #FCE9EE sur #2F1B21 | 13.87:1 | AAA | Lc -94.2 |
| #2F1B21 sur #A8CCD1 | 9.41:1 | AAA | Lc 69.9 |
| #2F1B21 sur #8BA889 | 6.20:1 | AA | Lc 50.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.
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/2f1b21-8a606c-8ba889-a8ccd1-fce9ee.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.