Paleta de cores Almanac Wallpaper

Almanac Wallpaper é uma paleta de 6 cores baseada em vermelhos, marrons, laranjas e amarelos. Em OKLCH, a luminosidade vai de 26% (#3C1810, escuro) a 89% (#E6DC9B, claro), e a cor mais saturada, #8A5A31, é moderadamente saturada. 6 das suas 6 cores cromáticas ficam no lado quente do círculo cromático. 5 dos seus 15 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como vintage, quentes, gradiente, marrons e amarelas.

VintageQuentesGradienteMarronsAmarelas

Códigos de cor

CorHEXRGBHSLOKLCH
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)

Acessibilidade

Os melhores pares de texto e fundo de Almanac Wallpaper, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.

ParWCAG 2NívelAPCA 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

Visão de cores

Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Acromatopsia

Use no seu código

Instale estas cores como cores de tema do Tailwind CSS v4 com o shadcn: npx shadcn@latest add https://getcolors.so/r/palette/3c1810-683418-8a5a31-aa834f-c9af73-e6dc9b.json.

Faça dela a sua

Edite as cores, crie com elas um sistema de cores completo nos modos claro e escuro ou veja tudo em uma interface real.

Abrir no gerador Criar um sistema de cores Visualizar

Gradientes com estas cores