Palette de couleurs Almond Morning
Almond Morning est une palette de 6 couleurs qui puise dans les bruns, rouges, roses et neutres. En OKLCH, sa luminosité va de 25 % (#381700, très foncé) à 95 % (#FFE7F0, très clair), et sa couleur la plus saturée, #9D5349, est moyennement saturé. 5 de ses 5 couleurs chromatiques se situent du côté chaud du cercle chromatique. 6 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : gastronomie, chaudes, dégradé, rouges et apaisantes.
- Jet #381700
- Maroon #6B321C
- Sinopia #9D5349
- Burnt Sienna #C97C7F
- Cherry Blossom Pink #EDACBA
- Apricot #FFE7F0
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #381700 | rgb(56, 23, 0) | hsl(25, 100%, 11%) | oklch(24.9% 0.063 53.1) |
| Maroon | #6B321C | rgb(107, 50, 28) | hsl(17, 59%, 26%) | oklch(38.9% 0.088 41) |
| Sinopia | #9D5349 | rgb(157, 83, 73) | hsl(7, 37%, 45%) | oklch(52.8% 0.1 28.9) |
| Burnt Sienna | #C97C7F | rgb(201, 124, 127) | hsl(358, 42%, 64%) | oklch(66.9% 0.096 17.4) |
| Cherry Blossom Pink | #EDACBA | rgb(237, 172, 186) | hsl(347, 64%, 80%) | oklch(80.9% 0.078 4.7) |
| Apricot | #FFE7F0 | rgb(255, 231, 240) | hsl(338, 100%, 95%) | oklch(95% 0.029 352.9) |
Accessibilité
Les meilleures paires texte et fond de Almond Morning, 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 |
|---|---|---|---|
| #FFE7F0 sur #381700 | 13.90:1 | AAA | Lc -93.8 |
| #381700 sur #EDACBA | 8.69:1 | AAA | Lc 65.4 |
| #FFE7F0 sur #6B321C | 8.55:1 | AAA | Lc -85.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/381700-6b321c-9d5349-c97c7f-edacba-ffe7f0.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.