Ferramenta de Cores

Código de cor

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

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

#f0a224

Conversão de Cor

Matiz 37° · Saturação 87% · Luminosidade 54%

Valores

Sobre esta cor

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

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Quente

luminancia

0.4449

brilho

171 / 255

percepcao

Média

saturacao

Vívida

contrasteIdeal

Texto escuro

Simulador de daltonismo

Protanopia

#cece42

Protanomalia

#e2bc34

Deuteranopia

#d3d94a

Deuteranomalia

#e0b636

Tritanopia

#ec5b60

Tritanomalia

#ed803b

Acromatopsia

#ababab

Acromatomalia

#caa76e

Simular uma paleta inteira

Aspectos criativos

Psicologia

Entusiasmo, criatividade e calor.

Setores

Entretenimento, food, startups

Combina bem com

Azul-marinho e areia