Cor Açafrão: código #F4C430

Açafrão

#F4C430

Códigos da cor

  • HEX#F4C430
  • RGBrgb(244, 196, 48)
  • HSLhsl(45, 90%, 57%)
  • HSVhsv(45, 80%, 96%)
  • CMYKcmyk(0%, 20%, 80%, 4%)
  • LABlab(81.3% 3.9 74.1)
  • OKLCHoklch(84% 0.16 89.2)

Sobre a cor Açafrão

Açafrão tem o código HEX #F4C430, que corresponde a rgb(244, 196, 48) no modelo RGB. No círculo cromático, seu matiz fica em 45°, com 90% de saturação e 57% de luminosidade (hsl(45, 90%, 57%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 12,78:1 sobre ela, contra 1,64:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 20%, 80%, 4%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Açafrão

Complementar

#F4C430 · #2F60F4

Análoga

#F4602F · #F4C430 · #C3F42F

Tríade

#F4C430 · #2FF4C3 · #C32FF4

Tetrádica

#F4C430 · #2FF460 · #2F60F4 · #F42FC3

Complementar dividida

#F4C430 · #2FC3F4 · #602FF4

Monocromática

#9B7608 · #E4AE0C · #F4C430 · #F8D877 · #FCEDC0

Açafrão com texto branco e preto

Texto branco Aa Bb Cc 123
1,64:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
12,78:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-saffron: #F4C430;
  --color-saffron-rgb: 244, 196, 48;
}

.elemento {
  background-color: var(--color-saffron);
  color: #000000;
}

Cores parecidas

Use Açafrão nas ferramentas