Paleta de cores Cloud Mobile

Cloud Mobile é uma paleta de 6 cores baseada em azuis-esverdeados e cianos e verdes. Em OKLCH, a luminosidade vai de 23% (#09231B, muito escuro) a 95% (#D8F7EC, muito claro), e a cor mais saturada, #457262, é apagada. 4 das suas 6 cores cromáticas ficam no lado frio 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 infantis, monocromáticas, gradiente, verdes e azul-petróleo.

InfantisMonocromáticasGradienteVerdesAzul-petróleo

Códigos de cor

CorHEXRGBHSLOKLCH
Jet #09231B rgb(9, 35, 27) hsl(162, 59%, 9%) oklch(23.3% 0.036 170.1)
Charcoal #26483C rgb(38, 72, 60) hsl(159, 31%, 22%) oklch(37.2% 0.045 169.1)
Teal #457262 rgb(69, 114, 98) hsl(159, 25%, 36%) oklch(51.4% 0.056 169.5)
Slate Gray #73A191 rgb(115, 161, 145) hsl(159, 20%, 54%) oklch(67.1% 0.055 171)
Tiffany Blue #AACFC2 rgb(170, 207, 194) hsl(159, 28%, 74%) oklch(82.4% 0.043 171.9)
Light Cyan #D8F7EC rgb(216, 247, 236) hsl(159, 66%, 91%) oklch(95.1% 0.035 172.2)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#D8F7EC sobre #09231B 14.54:1 AAA Lc -96.1
#09231B sobre #AACFC2 9.79:1 AAA Lc 71.1
#D8F7EC sobre #26483C 8.89:1 AAA Lc -87.7

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/09231b-26483c-457262-73a191-aacfc2-d8f7ec.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