Paleta de colores Cranberry and Holly

Cranberry and Holly es una paleta de 4 colores que se apoya en verdes, rojos y neutros. En OKLCH, su luminosidad va del 29% (#0E3324, oscuro) al 95% (#F4EFE3, muy claro), y su color más saturado, #D63E3E, es vívido. 2 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 navidad, invierno, rojos y cálidos.

NavidadInviernoRojosCálidos

Códigos de color

ColorHEXRGBHSLOKLCH
Pakistan Green #0E3324 rgb(14, 51, 36) hsl(156, 57%, 13%) oklch(29% 0.051 163.3)
Rufous #B3202D rgb(179, 32, 45) hsl(355, 70%, 41%) oklch(49.9% 0.181 23)
Imperial Red #D63E3E rgb(214, 62, 62) hsl(0, 65%, 54%) oklch(58.8% 0.189 25.1)
Anti-Flash White #F4EFE3 rgb(244, 239, 227) hsl(42, 44%, 92%) oklch(95.3% 0.017 88)

Accesibilidad

Los mejores pares de texto y fondo de Cranberry and Holly, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.

ParWCAG 2NivelAPCA Lc
#F4EFE3 sobre #0E3324 12.06:1 AAA Lc -93.0
#F4EFE3 sobre #B3202D 5.79:1 AA Lc -76.0
#F4EFE3 sobre #D63E3E 3.96:1 AA texto grande Lc -65.5

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/0e3324-b3202d-d63e3e-f4efe3.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.

Degradados con estos colores