Paleta de colores Chalk Page

Chalk Page es una paleta de 6 colores que se apoya en marrones, verdes, naranjas y neutros. En OKLCH, su luminosidad va del 30% (#332E0E, oscuro) al 93% (#E7EAD5, muy claro), y su color más saturado, #806F4A, es apagado. 3 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 4 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como tranquilos, verdes, apagados, cálidos y terrosos.

TranquilosVerdesApagadosCálidosTerrosos

Códigos de color

ColorHEXRGBHSLOKLCH
Pakistan Green #332E0E rgb(51, 46, 14) hsl(52, 57%, 13%) oklch(29.9% 0.049 100.5)
Dim Gray #3D543A rgb(61, 84, 58) hsl(113, 18%, 28%) oklch(41.9% 0.051 141.7)
Dark Moss Green #806F4A rgb(128, 111, 74) hsl(41, 27%, 40%) oklch(54.8% 0.057 85.9)
Pewter #8D9C79 rgb(141, 156, 121) hsl(86, 15%, 54%) oklch(67.1% 0.053 126.6)
Ash Gray #D0BA9F rgb(208, 186, 159) hsl(33, 34%, 72%) oklch(80.1% 0.045 72.8)
Champagne #E7EAD5 rgb(231, 234, 213) hsl(69, 33%, 88%) oklch(92.9% 0.028 113.5)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#E7EAD5 sobre #332E0E 11.14:1 AAA Lc -88.3
#332E0E sobre #D0BA9F 7.29:1 AAA Lc 62.5
#E7EAD5 sobre #3D543A 6.78:1 AA Lc -78.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/332e0e-3d543a-806f4a-8d9c79-d0ba9f-e7ead5.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.

Abrir en el generador Crear un sistema de color Visualizar

Degradados con estos colores