Paleta de cores Teal Release

Teal Release é uma paleta de 4 cores baseada em azuis-esverdeados e cianos e verdes. Em OKLCH, a luminosidade vai de 21% (#001D1C, muito escuro) a 90% (#B5F0CB, muito claro), e a cor mais saturada, #B5F0CB, é moderadamente saturada. 3 das suas 4 cores cromáticas ficam no lado frio 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 tecnologia, corporativas, azul-petróleo, verdes e escuras.

TecnologiaCorporativasAzul-petróleoVerdesEscuras

Códigos de cor

CorHEXRGBHSLOKLCH
Rich Black #001D1C rgb(0, 29, 28) hsl(178, 100%, 6%) oklch(20.8% 0.036 191.6)
Pakistan Green #00392E rgb(0, 57, 46) hsl(168, 100%, 11%) oklch(30.8% 0.058 175)
Dark Cyan #005560 rgb(0, 85, 96) hsl(187, 100%, 19%) oklch(41.2% 0.071 209.8)
Tea Green #B5F0CB rgb(181, 240, 203) hsl(142, 66%, 83%) oklch(90.5% 0.078 156.9)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#B5F0CB sobre #001D1C 13.66:1 AAA Lc -88.2
#B5F0CB sobre #00392E 10.03:1 AAA Lc -83.7
#B5F0CB sobre #005560 6.60:1 AA Lc -75.0

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/001d1c-00392e-005560-b5f0cb.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