Color Amarillo neón: código #FFFF33

Amarillo neón

#FFFF33

Códigos del color

  • 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 el color Amarillo neón

Amarillo neón tiene el código HEX #FFFF33, que corresponde a rgb(255, 255, 51) en el modelo RGB. En el círculo cromático, su tono está en 60°, con 100% de saturación y 60% de luminosidad (hsl(60, 100%, 60%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 19,60:1 sobre él, frente a 1,07:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 0%, 80%, 0%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Amarillo neón

Complementaria

#FFFF33 · #3333FF

Análoga

#FF9933 · #FFFF33 · #99FF33

Tríada

#FFFF33 · #33FFFF · #FF33FF

Tetrádica

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

Complementaria dividida

#FFFF33 · #3399FF · #9933FF

Monocromática

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

Amarillo neón con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,07:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
19,60:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

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

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