Cor Amarelo-neon: código #FFFF33

Amarelo-neon

#FFFF33

Códigos da cor

  • HEX#FFFF33
  • RGBrgb(255, 255, 51)
  • HSLhsl(60, 100%, 60%)
  • HSVhsv(60, 80%, 100%)
  • CMYKcmyk(0%, 0%, 80%, 0%)
  • LABlab(97.2% -20.8 87.5)
  • OKLCHoklch(96.9% 0.201 109.6)

Sobre a cor Amarelo-neon

Amarelo-neon tem o código HEX #FFFF33, que corresponde a rgb(255, 255, 51) no modelo RGB. No círculo cromático, seu matiz fica em 60°, com 100% de saturação e 60% de luminosidade (hsl(60, 100%, 60%)).

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

Para impressão, a conversão aproximada é cmyk(0%, 0%, 80%, 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-neon

Complementar

#FFFF33 · #3333FF

Análoga

#FF9933 · #FFFF33 · #99FF33

Tríade

#FFFF33 · #33FFFF · #FF33FF

Tetrádica

#FFFF33 · #33FF99 · #3333FF · #FF3399

Complementar dividida

#FFFF33 · #3399FF · #9933FF

Monocromática

#B3B300 · #FFFF00 · #FFFF33 · #FFFF80 · #FFFFCC

Amarelo-neon com texto branco e preto

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

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-neon-yellow: #FFFF33;
  --color-neon-yellow-rgb: 255, 255, 51;
}

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