Codes & values
- Color Name
Deep Purple 500 - Color ID
KDF-C-06765239 - HEX
#673AB7 - RGB
rgb(103, 58, 183) - RGBA
rgba(103, 58, 183, 1) - HSL
hsl(262, 52%, 47%) - HSLA
hsla(262, 52%, 47%, 1) - HSV / HSB
hsv(262, 68%, 72%) - CMYK
cmyk(44%, 68%, 0%, 28%) - Light / Dark
mid
Quick answers
- What is the HEX code for Deep Purple 500?
- #673AB7
- What is Deep Purple 500 RGB?
- rgb(103, 58, 183)
- What is Deep Purple 500 HSL?
- hsl(262, 52%, 47%)
- What is Deep Purple 500 CMYK?
- cmyk(44%, 68%, 0%, 28%)
What is Deep Purple 500?
Deep Purple 500 is a curated purple family color at #673AB7. 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..
Deep Purple 500 HEX code
The HEX code for Deep Purple 500 is #673AB7. Paste it into CSS as color: #673AB7; or background-color: #673AB7;. Design tools accept the same six-digit value without the # prefix (673ab7).
Deep Purple 500 RGB
Deep Purple 500 in RGB is rgb(103, 58, 183) (channels R 103, G 58, B 183). Use RGB when you need opacity via rgba(103, 58, 183, 1).
Deep Purple 500 HSL & HSV
HSL is hsl(262, 52%, 47%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(262, 68%, 72%), closer to how many digital pickers expose hue, saturation, and brightness.
Deep Purple 500 CMYK
Approximate CMYK for Deep Purple 500 is cmyk(44%, 68%, 0%, 28%). 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 Deep Purple 500
Darker shades (mixed toward black): #563099, #45277A, #341D5C, #22133D, #110A1E. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Deep Purple 500
Lighter tints (mixed toward white): #805BC3, #9A7CCF, #B39DDB, #CCBDE7, #E6DEF3. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Deep Purple 500
Complementary pairing: #673AB7, #8AB73A. Analogous neighbors: #3A4BB7, #673AB7, #A53AB7. Triadic accents: #673AB7, #B7673A, #3AB767. Always check text contrast when pairing.
Deep Purple 500 color combinations
A practical combo: primary #673AB7, complementary accent #8AB73A, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #673AB7, #B7A63A, #4BB73A.
Deep Purple 500 in web design
Purple suggests creativity and premium products. Soft lavenders work for wellness; deep indigo suits tech and nightlife branding.
Deep 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 7.33:1 (passes WCAG AA for normal text); vs black 2.87:1.
Frequently asked questions
- What is the HEX code for Deep Purple 500?
- Deep Purple 500: #673AB7.
- What is Deep Purple 500 RGB?
- Deep Purple 500: rgb(103, 58, 183).
- What is Deep Purple 500 HSL?
- Deep Purple 500: hsl(262, 52%, 47%).
- What is Deep Purple 500 CMYK?
- Deep Purple 500: cmyk(44%, 68%, 0%, 28%).
- What colors go with Deep Purple 500?
- Try complementary #673AB7, #8AB73A or analogous #3A4BB7, #673AB7, #A53AB7.
- Is Deep Purple 500 good for text on white?
- Yes — contrast 7.33:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 7.33:1 (AA body text pass). Contrast vs black: 2.87:1. Complementary swatch: #673AB7, #8AB73A.
Explore related
Purple colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK