Coloried

Purple Plum

Purple Plum color is a soft shade of muted purple. Its hex code is #9C51B6 and rgb code is rgb(156, 81, 182), Its CMYK value is cmyk(14%, 55%, 0%, 29%), and Its HSL value is hsl(285, 41%, 52%). Against white, it has a contrast ratio of 4.92:1, while against black, the contrast ratio is 4.27:1. Its complementary color is #6CB752 and closest tailwind color is fuchsia-700. This color goes well with #4F2144, #2D214F, #160B19, #627330, and #307341. To recreate the Purple Plum color, you can mix #FF00FF and #39A26D.

Purple Plum color code
|
1. Color Conversions
HEX#9C51B6
RGB156, 81, 182
HSL285°, 41%, 52%
HSV285°, 41%, 71%
CMYK14%, 55%, 0%, 29%
Web Safe#9966CC
2. Contrast Ratio
Text on #FFFFFF4.92:1
AAA LargeAAA Normal
Text on #0000004.27:1
AAA LargeFail Normal
3. Purple Plum Color Code in CSS
HEX
#9C51B6
RGB
rgb(156, 81, 182)
HSL
hsl(285, 41%, 52%)
Text Color
color: #9C51B6;
Background
background-color: #9C51B6;
Border Color
border-color: #9C51B6;
Box Shadow
box-shadow: 0 4px 14px 0 #9C51B680;
SCSS
$color-purple-plum: #9C51B6;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#7C7B9E
Deuteranopia#808698
Tritanopia#988A86
Achromatopsia#737373
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive