Paleta de cores Velvet Carols

Velvet Carols é uma paleta de 4 cores baseada em vermelhos e neutros. Em OKLCH, a luminosidade vai de 23% (#3C0301, muito escuro) a 98% (#FFF8F8, muito claro), e a cor mais saturada, #8F3B35, é moderadamente saturada. 3 das suas 3 cores cromáticas ficam no lado quente do círculo cromático. 3 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como inverno, natal, monocromáticas, gradiente, vermelhas e para daltonismo.

InvernoNatalMonocromáticasGradienteVermelhasPara daltonismo

Códigos de cor

CorHEXRGBHSLOKLCH
Jet #3C0301 rgb(60, 3, 1) hsl(2, 97%, 12%) oklch(22.8% 0.088 30.1)
Auburn #8F3B35 rgb(143, 59, 53) hsl(4, 46%, 38%) oklch(46.5% 0.116 26.6)
Sweet Salmon #EA8C87 rgb(234, 140, 135) hsl(3, 70%, 72%) oklch(73.8% 0.115 23.5)
Cultured #FFF8F8 rgb(255, 248, 248) hsl(0, 100%, 99%) oklch(98.5% 0.007 17.3)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#FFF8F8 sobre #3C0301 16.62:1 AAA Lc -102.2
#3C0301 sobre #EA8C87 7.13:1 AAA Lc 53.5
#FFF8F8 sobre #8F3B35 7.04:1 AAA Lc -86.3

Visão de cores

Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia. Ela está marcada como segura para daltonismo: todos os pares ficam a pelo menos ΔE 0.14.

  • 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/3c0301-8f3b35-ea8c87-fff8f8.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