Palette de couleurs Dandelion and Sorrel
Dandelion and Sorrel est une palette de 5 couleurs qui puise dans les verts, violets et neutres. En OKLCH, sa luminosité va de 24 % (#182500, très foncé) à 94 % (#E6EFDC, très clair), et sa couleur la plus saturée, #B386DA, est moyennement saturé. Ses couleurs ont un chroma trop faible pour tirer vers le chaud ou le froid. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : nature, printemps, vertes et violettes.
- Pakistan Green #182500
- Dark Moss Green #53740C
- Cool Gray #B386DA
- Cadet Gray #DCC7EF
- Champagne #E6EFDC
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #182500 | rgb(24, 37, 0) | hsl(81, 100%, 7%) | oklch(24.3% 0.063 126.8) |
| Dark Moss Green | #53740C | rgb(83, 116, 12) | hsl(79, 81%, 25%) | oklch(51.5% 0.128 127.2) |
| Cool Gray | #B386DA | rgb(179, 134, 218) | hsl(272, 53%, 69%) | oklch(69.5% 0.128 308) |
| Cadet Gray | #DCC7EF | rgb(220, 199, 239) | hsl(272, 56%, 86%) | oklch(86% 0.059 308.8) |
| Champagne | #E6EFDC | rgb(230, 239, 220) | hsl(88, 37%, 90%) | oklch(94% 0.027 127.7) |
Accessibilité
Les meilleures paires texte et fond de Dandelion and Sorrel, 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 |
|---|---|---|---|
| #E6EFDC sur #182500 | 13.61:1 | AAA | Lc -93.0 |
| #DCC7EF sur #182500 | 10.33:1 | AAA | Lc -75.0 |
| #182500 sur #B386DA | 5.63:1 | AA | Lc 46.3 |
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/182500-53740c-b386da-dcc7ef-e6efdc.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.