Paleta de colores Almanac Wallpaper

Almanac Wallpaper es una paleta de 6 colores que se apoya en rojos, marrones, naranjas y amarillos. En OKLCH, su luminosidad va del 26% (#3C1810, oscuro) al 89% (#E6DC9B, claro), y su color más saturado, #8A5A31, es moderadamente saturado. 6 de sus 6 colores cromáticos están en el lado cálido de la rueda cromática. 5 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como vintage, cálidos, degradados, marrones y amarillos.

VintageCálidosDegradadosMarronesAmarillos

Códigos de color

ColorHEXRGBHSLOKLCH
Jet #3C1810 rgb(60, 24, 16) hsl(11, 58%, 15%) oklch(26.1% 0.059 33.9)
Maroon #683418 rgb(104, 52, 24) hsl(21, 63%, 25%) oklch(38.7% 0.085 46.9)
Dark Moss Green #8A5A31 rgb(138, 90, 49) hsl(28, 48%, 37%) oklch(51.2% 0.085 59.7)
Tiger's Eye #AA834F rgb(170, 131, 79) hsl(34, 37%, 49%) oklch(63.6% 0.084 73.3)
Earth Yellow #C9AF73 rgb(201, 175, 115) hsl(42, 44%, 62%) oklch(76.3% 0.084 87)
Vanilla #E6DC9B rgb(230, 220, 155) hsl(52, 60%, 75%) oklch(88.7% 0.084 100.5)

Accesibilidad

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

ParWCAG 2NivelAPCA Lc
#E6DC9B sobre #3C1810 11.33:1 AAA Lc -81.7
#3C1810 sobre #C9AF73 7.41:1 AAA Lc 58.6
#E6DC9B sobre #683418 7.20:1 AAA Lc -73.6

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/3c1810-683418-8a5a31-aa834f-c9af73-e6dc9b.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