Paleta de cores Cloud and Dove

Cloud and Dove é uma paleta de 5 cores baseada em azuis-esverdeados e cianos, azuis, roxos e neutros. Em OKLCH, a luminosidade vai de 82% (#91D4C6, claro) a 96% (#EAF5FF, muito claro), e a cor mais saturada, #91D4C6, é moderadamente saturada. 3 das suas 4 cores cromáticas ficam no lado frio do círculo cromático. Nenhum dos seus 10 pares de cores atinge a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como pastel, frias, azul-petróleo, claras e calmas.

PastelFriasAzul-petróleoClarasCalmas

Códigos de cor

CorHEXRGBHSLOKLCH
Tiffany Blue #91D4C6 rgb(145, 212, 198) hsl(167, 44%, 70%) oklch(82.1% 0.071 179.9)
Light Sky Blue #C0D3FF rgb(192, 211, 255) hsl(222, 100%, 88%) oklch(86.7% 0.065 266.7)
Celeste #A3E7E0 rgb(163, 231, 224) hsl(174, 59%, 77%) oklch(88.1% 0.069 188)
Light Gray #E4DDFF rgb(228, 221, 255) hsl(252, 100%, 93%) oklch(91.4% 0.047 294.9)
Anti-Flash White #EAF5FF rgb(234, 245, 255) hsl(209, 100%, 96%) oklch(96.5% 0.018 245.4)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#EAF5FF sobre #91D4C6 1.53:1 Reprovado Lc -26.1
#EAF5FF sobre #C0D3FF 1.36:1 Reprovado Lc -19.0
#E4DDFF sobre #91D4C6 1.29:1 Reprovado Lc -14.5

Visão de cores

5 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/91d4c6-c0d3ff-a3e7e0-e4ddff-eaf5ff.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