Paleta de cores Regal and Velvet

Regal and Velvet é uma paleta de 5 cores baseada em marrons, vermelhos e rosas. Em OKLCH, a luminosidade vai de 24% (#291D00, muito escuro) a 92% (#FFDBD8, muito claro), e a cor mais saturada, #86381C, é moderadamente saturada. 5 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 4 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como luxo, escuras, gradiente, marrons e quentes.

LuxoEscurasGradienteMarronsQuentes

Códigos de cor

CorHEXRGBHSLOKLCH
Jet #291D00 rgb(41, 29, 0) hsl(42, 100%, 8%) oklch(23.9% 0.049 86.7)
Pakistan Green #442800 rgb(68, 40, 0) hsl(35, 100%, 13%) oklch(30.5% 0.066 69.7)
Maroon #643100 rgb(100, 49, 0) hsl(29, 100%, 20%) oklch(37.3% 0.092 55.9)
Auburn #86381C rgb(134, 56, 28) hsl(16, 65%, 32%) oklch(44.3% 0.115 39.4)
Apricot #FFDBD8 rgb(255, 219, 216) hsl(5, 100%, 92%) oklch(92.1% 0.04 23.6)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#FFDBD8 sobre #291D00 12.89:1 AAA Lc -87.8
#FFDBD8 sobre #442800 10.57:1 AAA Lc -84.9
#FFDBD8 sobre #643100 8.27:1 AAA Lc -80.1

Visão de cores

3 pares de cores ficam a menos de ΔE 0.06 um do outro em pelo menos uma simulação.

  • 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/291d00-442800-643100-86381c-ffdbd8.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.

Gradientes com estas cores