Ferramenta de Cores

Código de cor

#abadd2 · Conversões, variações e harmonias

Gere códigos de cor, variações, combinações e verifique as proporções de contraste.

#abadd2

Conversão de Cor

Matiz 237° · Saturação 30% · Luminosidade 75%

Valores

Sobre esta cor

#abadd2 é uma cor azul com luminosidade de 75% e saturação de 30%. Em RGB ela é composta por 171 de vermelho, 173 de verde e 210 de azul.

Use as variações abaixo para criar estados de hover, bordas e fundos consistentes, e confira as proporções de contraste antes de aplicar a cor em textos.

Variações

Tons (branco puro adicionado) e sombras (preto puro adicionado) da sua cor em incrementos de 10%.

Sombras (shades)

Tons claros (tints)

Tons dessaturados

Combinações de Cores

Verificador de contraste de cor

Aa
Sobre branco2.18:1
AA AAA Texto grande
Aa
Sobre preto9.64:1
AA AAA Texto grande
Aa
Texto branco2.18:1
AA AAA Texto grande
Aa
Texto preto9.64:1
AA AAA Texto grande
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Fria

luminancia

0.4320

brilho

177 / 255

percepcao

Clara

saturacao

Suave

contrasteIdeal

Texto escuro

Simulador de daltonismo

Protanopia

#acacc9

Protanomalia

#abaccd

Deuteranopia

#acacc7

Deuteranomalia

#abaccd

Tritanopia

#abc2c0

Tritanomalia

#abb7cb

Acromatopsia

#b1b1b1

Acromatomalia

#aeafc0

Simular uma paleta inteira

Aspectos criativos

Psicologia

Confiança, estabilidade e profissionalismo.

Setores

Bancos, corporativo, tech

Combina bem com

Laranja, branco e cinza