Neon orange color: code #FF5F1F
Neon orange
#FF5F1F
Color codes
- 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)
About the color Neon orange
Neon orange has the HEX code #FF5F1F, which corresponds to rgb(255, 95, 31) in the RGB model. On the color wheel its hue sits at 17°, with 100% saturation and 56% lightness (hsl(17, 100%, 56%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 6.90:1 contrast ratio on it, versus 3.03:1 for white.
For print, the approximate conversion is cmyk(0%, 63%, 88%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Neon orange
Complementary
#FF5F1F · #1FBFFF
Analogous
#FF1F4F · #FF5F1F · #FFCE1F
Triadic
#FF5F1F · #1FFF5E · #5E1FFF
Tetradic
#FF5F1F · #4FFF1F · #1FBFFF · #CE1FFF
Split-complementary
#FF5F1F · #1FFFCE · #1F4FFF
Monochromatic
#9E2D00 · #EB4200 · #FF5F1F · #FF956B · #FFCCB8
Neon orange with white and black text
How to use it in CSS
:root {
--color-neon-orange: #FF5F1F;
--color-neon-orange-rgb: 255, 95, 31;
}
.elemento {
background-color: var(--color-neon-orange);
color: #000000;
}