Paleta de colores Oak Journal

Oak Journal es una paleta de 4 colores que se apoya en marrones, verdes azulados y cianes y neutros. En OKLCH, su luminosidad va del 20% (#201105, muy oscuro) al 94% (#F7E8DD, muy claro), y su color más saturado, #4B2E16, es apagado. 2 de sus 3 colores cromáticos están en el lado cálido de la rueda cromática. 3 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como bosque, terrosos, marrones, verde azulado y apagados.

BosqueTerrososMarronesVerde azuladoApagados

Códigos de color

ColorHEXRGBHSLOKLCH
Rich Navy #201105 rgb(32, 17, 5) hsl(27, 73%, 7%) oklch(19.5% 0.034 59.8)
Pakistan Green #4B2E16 rgb(75, 46, 22) hsl(27, 55%, 19%) oklch(33.1% 0.056 58.7)
Charcoal #1F5058 rgb(31, 80, 88) hsl(188, 48%, 23%) oklch(40.2% 0.054 209.8)
Apricot #F7E8DD rgb(247, 232, 221) hsl(25, 62%, 92%) oklch(94% 0.022 58.8)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#F7E8DD sobre #201105 15.34:1 AAA Lc -93.7
#F7E8DD sobre #4B2E16 10.31:1 AAA Lc -88.1
#F7E8DD sobre #1F5058 7.48:1 AAA Lc -81.4

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/201105-4b2e16-1f5058-f7e8dd.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