Paleta de colores Umber Table

Umber Table es una paleta de 6 colores que se apoya en marrones y naranjas. En OKLCH, su luminosidad va del 21% (#211605, muy oscuro) al 96% (#FAF0D7, muy claro), y su color más saturado, #A4926E, es apagado. 6 de sus 6 colores cromáticos están en el lado cálido de la rueda cromática. 6 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como terrosos, apagados, monocromáticos, degradados y amarillos.

TerrososApagadosMonocromáticosDegradadosAmarillos

Códigos de color

ColorHEXRGBHSLOKLCH
Jet #211605 rgb(33, 22, 5) hsl(36, 74%, 7%) oklch(21% 0.034 77.2)
Pakistan Green #44361D rgb(68, 54, 29) hsl(38, 40%, 19%) oklch(34.2% 0.044 81)
Dark Moss Green #746240 rgb(116, 98, 64) hsl(39, 29%, 35%) oklch(50.5% 0.054 82.8)
English Lavender #A4926E rgb(164, 146, 110) hsl(40, 23%, 54%) oklch(66.7% 0.054 84.4)
Pale Oak #D4C6A8 rgb(212, 198, 168) hsl(41, 34%, 75%) oklch(83% 0.043 85.9)
Champagne #FAF0D7 rgb(250, 240, 215) hsl(43, 78%, 91%) oklch(95.6% 0.035 88.8)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#FAF0D7 sobre #211605 15.66:1 AAA Lc -97.2
#211605 sobre #D4C6A8 10.53:1 AAA Lc 72.3
#FAF0D7 sobre #44361D 10.33:1 AAA Lc -91.0

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/211605-44361d-746240-a4926e-d4c6a8-faf0d7.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