Ferramenta de Cores

Código de cor

#5abbf6 · Conversões, variações e harmonias

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

#5abbf6

Conversão de Cor

Matiz 203° · Saturação 90% · Luminosidade 66%

Valores

Sobre esta cor

#5abbf6 é uma cor azul com luminosidade de 66% e saturação de 90%. Em RGB ela é composta por 90 de vermelho, 187 de verde e 246 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.13:1
AA ✗AAA ✗Texto grande ✗
Aa
Sobre preto9.87:1
AA ✓AAA ✓Texto grande ✓
Aa
Texto branco2.13:1
AA ✗AAA ✗Texto grande ✗
Aa
Texto preto9.87:1
AA ✓AAA ✓Texto grande ✓
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Fria

luminancia

0.4437

brilho

165 / 255

percepcao

Média

saturacao

Vívida

contrasteIdeal

Texto escuro

Simulador de daltonismo

Protanopia

#8485e8

Protanomalia

#6c9bef

Deuteranopia

#7e77e4

Deuteranomalia

#6da2ee

Tritanopia

#5fdcda

Tritanomalia

#5dcbeb

Acromatopsia

#a5a5a5

Acromatomalia

#83afc9

Simular uma paleta inteira

Aspectos criativos

Psicologia

Confiança, estabilidade e profissionalismo.

Setores

Bancos, corporativo, tech

Combina bem com

Laranja, branco e cinza