Paleta de colores Cinnamon Display
Cinnamon Display es una paleta de 4 colores que se apoya en marrones, naranjas, rosados y neutros. En OKLCH, su luminosidad va del 34% (#582A04, oscuro) al 97% (#FBF3E6, muy claro), y su color más saturado, #B07A4A, es moderadamente saturado. 3 de sus 3 colores cromáticos están en el lado cálido de la rueda cromática. 2 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como comida, cálidos, monocromáticos, naranjas y terrosos.
- Pakistan Green #582A04
- Tiger's Eye #B07A4A
- Cherry Blossom Pink #F4B8A4
- Seashell #FBF3E6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #582A04 | rgb(88, 42, 4) | hsl(27, 91%, 18%) | oklch(34.1% 0.082 53.6) |
| Tiger's Eye | #B07A4A | rgb(176, 122, 74) | hsl(28, 41%, 49%) | oklch(62.4% 0.093 61.4) |
| Cherry Blossom Pink | #F4B8A4 | rgb(244, 184, 164) | hsl(15, 78%, 80%) | oklch(83.2% 0.075 39.2) |
| Seashell | #FBF3E6 | rgb(251, 243, 230) | hsl(37, 72%, 94%) | oklch(96.7% 0.019 80.1) |
Accesibilidad
Los mejores pares de texto y fondo de Cinnamon Display, 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 |
|---|---|---|---|
| #FBF3E6 sobre #582A04 | 10.91:1 | AAA | Lc -93.3 |
| #F4B8A4 sobre #582A04 | 7.00:1 | AAA | Lc -64.8 |
| #FBF3E6 sobre #B07A4A | 3.33:1 | AA texto grande | Lc -62.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/582a04-b07a4a-f4b8a4-fbf3e6.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.