Ferramenta de Cores

Código de cor

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

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

#5a250a

Conversão de Cor

Matiz 20° · Saturação 80% · Luminosidade 20%

Valores

Sobre esta cor

#5a250a é uma cor laranja com luminosidade de 20% e saturação de 80%. Em RGB ela é composta por 90 de vermelho, 37 de verde e 10 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 branco12.33:1
AA ✓AAA ✓Texto grande ✓
Aa
Sobre preto1.70:1
AA ✗AAA ✗Texto grande ✗
Aa
Texto branco12.33:1
AA ✓AAA ✓Texto grande ✓
Aa
Texto preto1.70:1
AA ✗AAA ✗Texto grande ✗
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Quente

luminancia

0.0352

brilho

50 / 255

percepcao

Escura

saturacao

Vívida

contrasteIdeal

Texto claro

Simulador de daltonismo

Protanopia

#434311

Protanomalia

#50370d

Deuteranopia

#464a12

Deuteranomalia

#4f330e

Tritanopia

#571617

Tritanomalia

#581e0f

Acromatopsia

#323232

Acromatomalia

#442c20

Simular uma paleta inteira

Aspectos criativos

Psicologia

Entusiasmo, criatividade e calor.

Setores

Entretenimento, food, startups

Combina bem com

Azul-marinho e areia