Paleta de colores Almond Morning
Almond Morning es una paleta de 6 colores que se apoya en marrones, rojos, rosados y neutros. En OKLCH, su luminosidad va del 25% (#381700, muy oscuro) al 95% (#FFE7F0, muy claro), y su color más saturado, #9D5349, es moderadamente saturado. 5 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 6 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como comida, cálidos, degradados, rojos y tranquilos.
- Jet #381700
- Maroon #6B321C
- Sinopia #9D5349
- Burnt Sienna #C97C7F
- Cherry Blossom Pink #EDACBA
- Apricot #FFE7F0
Códigos de color
| Color | 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) |
Accesibilidad
Los mejores pares de texto y fondo de Almond Morning, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | APCA Lc |
|---|---|---|---|
| #FFE7F0 sobre #381700 | 13.90:1 | AAA | Lc -93.8 |
| #381700 sobre #EDACBA | 8.69:1 | AAA | Lc 65.4 |
| #FFE7F0 sobre #6B321C | 8.55:1 | AAA | Lc -85.2 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia.
Protanopía
Deuteranopía
Tritanopía
Acromatopsia
Úsala en tu código
Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/381700-6b321c-9d5349-c97c7f-edacba-ffe7f0.json.
Hazla tuya
Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.