Paleta de colores Cranberry Morning
Cranberry Morning es una paleta de 5 colores que se apoya en marrones y naranjas. En OKLCH, su luminosidad va del 22% (#261800, muy oscuro) al 96% (#FFF0D8, muy claro), y su color más saturado, #997531, es moderadamente saturado. 5 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como navidad, invierno, monocromáticos, degradados, amarillos y aptos para daltonismo.
NavidadInviernoMonocromáticosDegradadosAmarillosAptos para daltonismo
- Jet #261800
- Dim Gray #5C410B
- Tiger's Eye #997531
- Earth Yellow #CEB17E
- Cornsilk #FFF0D8
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #261800 | rgb(38, 24, 0) | hsl(38, 100%, 7%) | oklch(22.1% 0.046 79.8) |
| Dim Gray | #5C410B | rgb(92, 65, 11) | hsl(40, 79%, 20%) | oklch(39.6% 0.076 79.4) |
| Tiger's Eye | #997531 | rgb(153, 117, 49) | hsl(39, 51%, 40%) | oklch(58.4% 0.096 80.7) |
| Earth Yellow | #CEB17E | rgb(206, 177, 126) | hsl(38, 45%, 65%) | oklch(77.4% 0.075 81.3) |
| Cornsilk | #FFF0D8 | rgb(255, 240, 216) | hsl(37, 100%, 92%) | oklch(96.1% 0.035 79.7) |
Accesibilidad
Los mejores pares de texto y fondo de Cranberry 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 |
|---|---|---|---|
| #FFF0D8 sobre #261800 | 15.42:1 | AAA | Lc -97.7 |
| #FFF0D8 sobre #5C410B | 8.44:1 | AAA | Lc -87.3 |
| #261800 sobre #CEB17E | 8.42:1 | AAA | Lc 61.9 |
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. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.
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/261800-5c410b-997531-ceb17e-fff0d8.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.