Color Naranja neón: código #FF5F1F
Naranja neón
#FF5F1F
Códigos del color
- HEX
#FF5F1F - RGB
rgb(255, 95, 31) - HSL
hsl(17, 100%, 56%) - HSV
hsv(17, 88%, 100%) - CMYK
cmyk(0%, 63%, 88%, 0%) - LAB
lab(61.3% 58.3 63.6) - OKLCH
oklch(68.8% 0.207 39.1)
Sobre el color Naranja neón
Naranja neón tiene el código HEX #FF5F1F, que corresponde a rgb(255, 95, 31) en el modelo RGB. En el círculo cromático, su tono está en 17°, con 100% de saturación y 56% de luminosidad (hsl(17, 100%, 56%)).
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 6,90:1 sobre él, frente a 3,03:1 del blanco.
Para impresión, la conversión aproximada es cmyk(0%, 63%, 88%, 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 Naranja neón
Complementaria
#FF5F1F · #1FBFFF
Análoga
#FF1F4F · #FF5F1F · #FFCE1F
Tríada
#FF5F1F · #1FFF5E · #5E1FFF
Tetrádica
#FF5F1F · #4FFF1F · #1FBFFF · #CE1FFF
Complementaria dividida
#FF5F1F · #1FFFCE · #1F4FFF
Monocromática
#9E2D00 · #EB4200 · #FF5F1F · #FF956B · #FFCCB8
Naranja neón con texto blanco y negro
Cómo usarlo en CSS
:root {
--color-neon-orange: #FF5F1F;
--color-neon-orange-rgb: 255, 95, 31;
}
.elemento {
background-color: var(--color-neon-orange);
color: #000000;
}