Codes & values
- Color Name
Neon Purple - Color ID
KDF-C-12325886 - HEX
#BC13FE - RGB
rgb(188, 19, 254) - RGBA
rgba(188, 19, 254, 1) - HSL
hsl(283, 99%, 54%) - HSLA
hsla(283, 99%, 54%, 1) - HSV / HSB
hsv(283, 93%, 100%) - CMYK
cmyk(26%, 93%, 0%, 0%) - Light / Dark
mid
Quick answers
- What is the HEX code for Neon Purple?
- #BC13FE
- What is Neon Purple RGB?
- rgb(188, 19, 254)
- What is Neon Purple HSL?
- hsl(283, 99%, 54%)
- What is Neon Purple CMYK?
- cmyk(26%, 93%, 0%, 0%)
What is Neon Purple?
Neon Purple is a curated purple family color at #BC13FE. It appears in our library with tags for logo, gradient. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature is relatively neutral..
Neon Purple HEX code
The HEX code for Neon Purple is #BC13FE. Paste it into CSS as color: #BC13FE; or background-color: #BC13FE;. Design tools accept the same six-digit value without the # prefix (bc13fe).
Neon Purple RGB
Neon Purple in RGB is rgb(188, 19, 254) (channels R 188, G 19, B 254). Use RGB when you need opacity via rgba(188, 19, 254, 1).
Neon Purple HSL & HSV
HSL is hsl(283, 99%, 54%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(283, 93%, 100%), closer to how many digital pickers expose hue, saturation, and brightness.
Neon Purple CMYK
Approximate CMYK for Neon Purple is cmyk(26%, 93%, 0%, 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 Purple
Darker shades (mixed toward black): #9D10D4, #7D0DA9, #5E0A7F, #3F0655, #1F032A. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Neon Purple
Lighter tints (mixed toward white): #C73AFE, #D262FE, #DE89FF, #E9B0FF, #F4D8FF. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Neon Purple
Complementary pairing: #BC13FE, #55FE13. Analogous neighbors: #4613FE, #BC13FE, #FE13CB. Triadic accents: #BC13FE, #FEBC13, #13FEBC. Always check text contrast when pairing.
Neon Purple color combinations
A practical combo: primary #BC13FE, complementary accent #55FE13, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #BC13FE, #CBFE13, #13FE47.
Neon Purple in web design
Purple suggests creativity and premium products. Soft lavenders work for wellness; deep indigo suits tech and nightlife branding.
Neon Purple in branding
Purple brands stand out in crowded app stores; use sparingly as primary or as a signature accent. Contrast vs white is 4.50:1 (passes WCAG AA for normal text); vs black 4.66:1.
Neon Purple as a neon accent
Neon Purple 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 Purple?
- Neon Purple: #BC13FE.
- What is Neon Purple RGB?
- Neon Purple: rgb(188, 19, 254).
- What is Neon Purple HSL?
- Neon Purple: hsl(283, 99%, 54%).
- What is Neon Purple CMYK?
- Neon Purple: cmyk(26%, 93%, 0%, 0%).
- What colors go with Neon Purple?
- Try complementary #BC13FE, #55FE13 or analogous #4613FE, #BC13FE, #FE13CB.
- Is Neon Purple good for text on white?
- Yes — contrast 4.50:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 4.50:1 (AA body text pass). Contrast vs black: 4.66:1. Complementary swatch: #BC13FE, #55FE13.
Explore related
Purple colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK