Cor Amarelo-canário: código #FFEF00

Amarelo-canário

#FFEF00

Códigos da cor

  • HEX#FFEF00
  • RGBrgb(255, 239, 0)
  • HSLhsl(56, 100%, 50%)
  • HSVhsv(56, 100%, 100%)
  • CMYKcmyk(0%, 6%, 100%, 0%)
  • LABlab(93% -13.9 91.5)
  • OKLCHoklch(93.5% 0.198 104.7)

Sobre a cor Amarelo-canário

Amarelo-canário tem o código HEX #FFEF00, que corresponde a rgb(255, 239, 0) no modelo RGB. No círculo cromático, seu matiz fica em 56°, com 100% de saturação e 50% de luminosidade (hsl(56, 100%, 50%)).

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 17,59:1 sobre ela, contra 1,19:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 6%, 100%, 0%). 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 Amarelo-canário

Complementar

#FFEF00 · #0011FF

Análoga

#FF6F00 · #FFEF00 · #91FF00

Tríade

#FFEF00 · #00FFEE · #EE00FF

Tetrádica

#FFEF00 · #00FF6F · #0011FF · #FF0091

Complementar dividida

#FFEF00 · #0091FF · #6F00FF

Monocromática

#807700 · #CCBE00 · #FFEF00 · #FFF34D · #FFF899

Amarelo-canário com texto branco e preto

Texto branco Aa Bb Cc 123
1,19:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
17,59:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-canary-yellow: #FFEF00;
  --color-canary-yellow-rgb: 255, 239, 0;
}

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