Codes & values
- Color Name
Neon Orange - Color ID
KDF-C-16736031 - HEX
#FF5F1F - RGB
rgb(255, 95, 31) - RGBA
rgba(255, 95, 31, 1) - HSL
hsl(17, 100%, 56%) - HSLA
hsla(17, 100%, 56%, 1) - HSV / HSB
hsv(17, 88%, 100%) - CMYK
cmyk(0%, 63%, 88%, 0%) - Light / Dark
mid
Quick answers
- What is the HEX code for Neon Orange?
- #FF5F1F
- What is Neon Orange RGB?
- rgb(255, 95, 31)
- What is Neon Orange HSL?
- hsl(17, 100%, 56%)
- What is Neon Orange CMYK?
- cmyk(0%, 63%, 88%, 0%)
What is Neon Orange?
Neon Orange is a curated orange family color at #FF5F1F. It appears in our library with tags for logo, button. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Neon Orange HEX code
The HEX code for Neon Orange is #FF5F1F. Paste it into CSS as color: #FF5F1F; or background-color: #FF5F1F;. Design tools accept the same six-digit value without the # prefix (ff5f1f).
Neon Orange RGB
Neon Orange in RGB is rgb(255, 95, 31) (channels R 255, G 95, B 31). Use RGB when you need opacity via rgba(255, 95, 31, 1).
Neon Orange HSL & HSV
HSL is hsl(17, 100%, 56%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(17, 88%, 100%), closer to how many digital pickers expose hue, saturation, and brightness.
Neon Orange CMYK
Approximate CMYK for Neon Orange is cmyk(0%, 63%, 88%, 0%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Neon Orange
Darker shades (mixed toward black): #D54F1A, #AA3F15, #803010, #55200A, #2A1005. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Neon Orange
Lighter tints (mixed toward white): #FF7A44, #FF946A, #FFAF8F, #FFCAB4, #FFE4DA. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Neon Orange
Complementary pairing: #FF5F1F, #1FBFFF. Analogous neighbors: #FF1F4F, #FF5F1F, #FFCF1F. Triadic accents: #FF5F1F, #1FFF5F, #5F1FFF. Always check text contrast when pairing.
Neon Orange color combinations
A practical combo: primary #FF5F1F, complementary accent #1FBFFF, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #FF5F1F, #1FFFCF, #1F4FFF.
Neon Orange in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Neon Orange in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 3.04:1 (better as a large accent or background than small body text); vs black 6.91:1.
Neon Orange as a neon accent
Neon Orange reads neon/electric. Prefer dark backgrounds, use sparingly for logos and nightlife creatives, and verify contrast for any overlaid text.
Frequently asked questions
- What is the HEX code for Neon Orange?
- Neon Orange: #FF5F1F.
- What is Neon Orange RGB?
- Neon Orange: rgb(255, 95, 31).
- What is Neon Orange HSL?
- Neon Orange: hsl(17, 100%, 56%).
- What is Neon Orange CMYK?
- Neon Orange: cmyk(0%, 63%, 88%, 0%).
- What colors go with Neon Orange?
- Try complementary #FF5F1F, #1FBFFF or analogous #FF1F4F, #FF5F1F, #FFCF1F.
- Is Neon Orange good for text on white?
- Not ideal for small body text (3.04:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.04:1 (prefer large accent or background). Contrast vs black: 6.91:1. Complementary swatch: #FF5F1F, #1FBFFF.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK