Paleta de cores Umber Table

Umber Table é uma paleta de 6 cores baseada em marrons e laranjas. Em OKLCH, a luminosidade vai de 21% (#211605, muito escuro) a 96% (#FAF0D7, muito claro), e a cor mais saturada, #A4926E, é apagada. 6 das suas 6 cores cromáticas ficam no lado quente do círculo cromático. 6 dos seus 15 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como terrosas, discretas, monocromáticas, gradiente e amarelas.

TerrosasDiscretasMonocromáticasGradienteAmarelas

Códigos de cor

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

Acessibilidade

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

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

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