Ferramenta de Cores

Código de cor

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

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

#f0a242

Conversão de Cor

Matiz 33° · Saturação 85% · Luminosidade 60%

Valores

Sobre esta cor

#f0a242 é uma cor laranja com luminosidade de 60% e saturação de 85%. Em RGB ela é composta por 240 de vermelho, 162 de verde e 66 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.11:1
AA ✗AAA ✗Texto grande ✗
Aa
Sobre preto9.95:1
AA ✓AAA ✓Texto grande ✓
Aa
Texto branco2.11:1
AA ✗AAA ✗Texto grande ✗
Aa
Texto preto9.95:1
AA ✓AAA ✓Texto grande ✓
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Quente

luminancia

0.4476

brilho

174 / 255

percepcao

Média

saturacao

Vívida

contrasteIdeal

Texto escuro

Simulador de daltonismo

Protanopia

#cece59

Protanomalia

#e2bc4e

Deuteranopia

#d3d95f

Deuteranomalia

#e0b650

Tritanopia

#ec6c70

Tritanomalia

#ed8854

Acromatopsia

#aeaeae

Acromatomalia

#cca97d

Simular uma paleta inteira

Aspectos criativos

Psicologia

Entusiasmo, criatividade e calor.

Setores

Entretenimento, food, startups

Combina bem com

Azul-marinho e areia