Paleta de cores Candy Cane and Ribbon

Candy Cane and Ribbon é uma paleta de 6 cores baseada em verdes, vermelhos, marrons, laranjas e neutros. Em OKLCH, a luminosidade vai de 29% (#0E3324, escuro) a 98% (#FFF9F0, muito claro), e a cor mais saturada, #B3202D, é vívida. 4 das suas 5 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 natal, inverno, vermelhas, amarelas e quentes.

NatalInvernoVermelhasAmarelasQuentes

Códigos de cor

CorHEXRGBHSLOKLCH
Pakistan Green #0E3324 rgb(14, 51, 36) hsl(156, 57%, 13%) oklch(29% 0.051 163.3)
Maroon #5C0F0B rgb(92, 15, 11) hsl(3, 79%, 20%) oklch(31.1% 0.11 28.5)
Rufous #B3202D rgb(179, 32, 45) hsl(355, 70%, 41%) oklch(49.9% 0.181 23)
Dark Moss Green #8C6A2F rgb(140, 106, 47) hsl(38, 50%, 37%) oklch(54.6% 0.088 78.9)
Earth Yellow #D9B26F rgb(217, 178, 111) hsl(38, 58%, 64%) oklch(78.4% 0.096 80.2)
Seashell #FFF9F0 rgb(255, 249, 240) hsl(36, 100%, 97%) oklch(98.4% 0.014 78.3)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#FFF9F0 sobre #0E3324 13.22:1 AAA Lc -99.8
#FFF9F0 sobre #5C0F0B 13.13:1 AAA Lc -99.0
#0E3324 sobre #D9B26F 6.95:1 AA Lc 59.7

Visão de cores

2 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/0e3324-5c0f0b-b3202d-8c6a2f-d9b26f-fff9f0.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