Paleta de Cores

Cor açafrão

Vem da especiaria que tinge a paella e o arroz. É um amarelo dourado com fundo laranja. É associado à cozinha mediterrânea e às vestes dos monges budistas.

Também conhecida como: amarelo-açafrão.

Açafrão · #F4C430

Sobre a cor açafrão

O açafrão (#F4C430) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos amarelos. É formada por 244 de vermelho, 196 de verde e 48 de azul (de 0 a 255). É usada principalmente em culinária, moda, decoração.

Tons de açafrão: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor açafrão

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

ComplementarPróximo de: Azul-elétrico
AnálogasPróximo de: Vermelho-tomate, Amarelo fluorescente
TríadePróximo de: Água-marinha, Magenta
Complementar divididaPróximo de: Azul-bebê, Violeta
TétradePróximo de: Verde neon, Azul-elétrico, Fúcsia

Paletas com a cor açafrão

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Açafrão
Paleta análoga · Açafrão
Paleta complementar · Açafrão
Paleta tríade · Açafrão
Paleta com neutros · Açafrão
Paleta com destaque · Açafrão

Contraste de açafrão com texto

Texto brancoContraste 1.6:1 · Não recomendado
Texto pretoContraste 12.8:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --acafrao: #F4C430;
  --acafrao-rgb: 244, 196, 48;
}
.fundo { background-color: var(--acafrao); }
.texto { color: var(--acafrao); }

Cores parecidas com açafrão

MostardaAmarelo-girassolÂmbarDouradoOuro velhoMelLaranja pastelAmarelo-milhoCarameloAmarelo-canário

Paletas temáticas com esta cor

Mais amarelos

AmareloDouradoOuro velhoMostardaAmarelo-limãoÂmbarTrigoMelAmarelo-canárioChampanheAmarelo pastelAmarelo fluorescenteAmarelo-milhoAmarelo-girassol

Perguntas frequentes

Qual é o código da cor açafrão?

O código HEX da cor açafrão é #F4C430. Em RGB é rgb(244, 196, 48), em HSL é hsl(45, 90%, 57%) e em CMYK é 0, 20, 80, 4.

Qual é a cor complementar de açafrão?

A complementar no círculo cromático é #3060F4, um tom próximo de azul-elétrico. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor açafrão?

Melhor usar texto preto: o contraste com o branco é só 1.6:1, enquanto com o preto é 12.8:1.