Ferramenta de Cores

Código de cor

#696aa2 · Conversões, variações e harmonias

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

#696aa2

Conversão de Cor

Matiz 239° · Saturação 23% · Luminosidade 52%

Valores

Sobre esta cor

#696aa2 é uma cor azul com luminosidade de 52% e saturação de 23%. Em RGB ela é composta por 105 de vermelho, 106 de verde e 162 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 branco5.02:1
AA AAA Texto grande
Aa
Sobre preto4.18:1
AA AAA Texto grande
Aa
Texto branco5.02:1
AA AAA Texto grande
Aa
Texto preto4.18:1
AA AAA Texto grande
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Fria

luminancia

0.1592

brilho

112 / 255

percepcao

Média

saturacao

Suave

contrasteIdeal

Texto claro

Simulador de daltonismo

Protanopia

#696994

Protanomalia

#696a9b

Deuteranopia

#696991

Deuteranomalia

#696a9a

Tritanopia

#698a87

Tritanomalia

#697998

Acromatopsia

#707070

Acromatomalia

#6d6d87

Simular uma paleta inteira

Aspectos criativos

Psicologia

Confiança, estabilidade e profissionalismo.

Setores

Bancos, corporativo, tech

Combina bem com

Laranja, branco e cinza