Ferramenta de Cores

Código de cor

#553f66 · Conversões, variações e harmonias

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

#553f66

Conversão de Cor

Matiz 274° · Saturação 24% · Luminosidade 32%

Valores

Sobre esta cor

#553f66 é uma cor violeta com luminosidade de 32% e saturação de 24%. Em RGB ela é composta por 85 de vermelho, 63 de verde e 102 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 branco9.17:1
AA ✓AAA ✓Texto grande ✓
Aa
Sobre preto2.29:1
AA ✗AAA ✗Texto grande ✗
Aa
Texto branco9.17:1
AA ✓AAA ✓Texto grande ✓
Aa
Texto preto2.29:1
AA ✗AAA ✗Texto grande ✗
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Fria

luminancia

0.0645

brilho

74 / 255

percepcao

Escura

saturacao

Suave

contrasteIdeal

Texto claro

Simulador de daltonismo

Protanopia

#4b4b5d

Protanomalia

#514661

Deuteranopia

#4d4e5a

Deuteranomalia

#514560

Tritanopia

#545553

Tritanomalia

#54495f

Acromatopsia

#4a4a4a

Acromatomalia

#4f4557

Simular uma paleta inteira

Aspectos criativos

Psicologia

Criatividade, luxo e imaginação.

Setores

Beleza, criativo, premium

Combina bem com

Dourado e off-white