Paleta de colores Noir and Obsidian

Noir and Obsidian es una paleta de 4 colores que se apoya en marrones y amarillos. En OKLCH, su luminosidad va del 21% (#261500, muy oscuro) al 89% (#E8DC9F, claro), y su color más saturado, #742F00, es moderadamente saturado. 3 de sus 4 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 lujo, oscuros, marrones, cálidos y terrosos.

LujoOscurosMarronesCálidosTerrosos

Códigos de color

ColorHEXRGBHSLOKLCH
Jet #261500 rgb(38, 21, 0) hsl(33, 100%, 7%) oklch(21.4% 0.046 71.8)
Pakistan Green #29350B rgb(41, 53, 11) hsl(77, 66%, 13%) oklch(30.8% 0.065 124)
Maroon #742F00 rgb(116, 47, 0) hsl(24, 100%, 23%) oklch(39.6% 0.11 46.9)
Vanilla #E8DC9F rgb(232, 220, 159) hsl(50, 61%, 77%) oklch(89% 0.08 98.3)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#E8DC9F sobre #261500 12.75:1 AAA Lc -83.5
#E8DC9F sobre #29350B 9.43:1 AAA Lc -79.4
#E8DC9F sobre #742F00 7.06:1 AAA Lc -73.2

Visión del color

1 par de colores quedan a menos de ΔE 0.06 entre sí en al menos una simulación.

  • 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/261500-29350b-742f00-e8dc9f.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