Codes & values
- Color Name
Purple 500 - Color ID
KDF-C-10233776 - HEX
#9C27B0 - RGB
rgb(156, 39, 176) - RGBA
rgba(156, 39, 176, 1) - HSL
hsl(291, 64%, 42%) - HSLA
hsla(291, 64%, 42%, 1) - HSV / HSB
hsv(291, 78%, 69%) - CMYK
cmyk(11%, 78%, 0%, 31%) - Light / Dark
mid
Quick answers
- What is the HEX code for Purple 500?
- #9C27B0
- What is Purple 500 RGB?
- rgb(156, 39, 176)
- What is Purple 500 HSL?
- hsl(291, 64%, 42%)
- What is Purple 500 CMYK?
- cmyk(11%, 78%, 0%, 31%)
What is Purple 500?
Purple 500 is a curated purple family color at #9C27B0. It appears in our library with tags for ui, web, design, button. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Purple 500 HEX code
The HEX code for Purple 500 is #9C27B0. Paste it into CSS as color: #9C27B0; or background-color: #9C27B0;. Design tools accept the same six-digit value without the # prefix (9c27b0).
Purple 500 RGB
Purple 500 in RGB is rgb(156, 39, 176) (channels R 156, G 39, B 176). Use RGB when you need opacity via rgba(156, 39, 176, 1).
Purple 500 HSL & HSV
HSL is hsl(291, 64%, 42%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(291, 78%, 69%), closer to how many digital pickers expose hue, saturation, and brightness.
Purple 500 CMYK
Approximate CMYK for Purple 500 is cmyk(11%, 78%, 0%, 31%). 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 Purple 500
Darker shades (mixed toward black): #822193, #681A75, #4E1458, #340D3B, #1A061D. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Purple 500
Lighter tints (mixed toward white): #AD4BBD, #BD6FCA, #CE93D8, #DEB7E5, #EFDBF2. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Purple 500
Complementary pairing: #9C27B0, #3BB027. Analogous neighbors: #5727B0, #9C27B0, #B02780. Triadic accents: #9C27B0, #B09C27, #27B09C. Always check text contrast when pairing.
Purple 500 color combinations
A practical combo: primary #9C27B0, complementary accent #3BB027, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #9C27B0, #80B027, #27B057.
Purple 500 in web design
Purple suggests creativity and premium products. Soft lavenders work for wellness; deep indigo suits tech and nightlife branding.
Purple 500 in branding
Purple brands stand out in crowded app stores; use sparingly as primary or as a signature accent. Contrast vs white is 6.30:1 (passes WCAG AA for normal text); vs black 3.33:1.
Frequently asked questions
- What is the HEX code for Purple 500?
- Purple 500: #9C27B0.
- What is Purple 500 RGB?
- Purple 500: rgb(156, 39, 176).
- What is Purple 500 HSL?
- Purple 500: hsl(291, 64%, 42%).
- What is Purple 500 CMYK?
- Purple 500: cmyk(11%, 78%, 0%, 31%).
- What colors go with Purple 500?
- Try complementary #9C27B0, #3BB027 or analogous #5727B0, #9C27B0, #B02780.
- Is Purple 500 good for text on white?
- Yes — contrast 6.30:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 6.30:1 (AA body text pass). Contrast vs black: 3.33:1. Complementary swatch: #9C27B0, #3BB027.
Explore related
Purple colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK