Coloried

Imperial Purple

Imperial Purple color is a dark shade of dark muted purple. Its hex code is #542C5D and rgb code is rgb(84, 44, 93), Its CMYK value is cmyk(10%, 53%, 0%, 64%), and Its HSL value is hsl(289, 36%, 27%). Against white, its contrast ratio of 11.08:1, while against black, the contrast ratio is 1.90:1. Its complementary color is #355E2C and closest tailwind color is zinc-700. This color goes well with #B96AA0, #836AB9, #C89ED1, #88A34D, and #4DA368. To create this Imperial Purple color, you can mix #000000 and #A858BA.

Imperial Purple color code
|
1. Color Conversions
HEX#542C5D
RGB84, 44, 93
HSL289°, 36%, 27%
HSV289°, 36%, 36%
CMYK10%, 53%, 0%, 64%
Web Safe#663366
2. Contrast Ratio
Text on #FFFFFF11.08:1
AAA LargeAAA Normal
Text on #0000001.90:1
Fail LargeFail Normal
3. Imperial Purple Color Code in CSS
HEX
#542C5D
RGB
rgb(84, 44, 93)
HSL
hsl(289, 36%, 27%)
Text Color
color: #542C5D;
Background
background-color: #542C5D;
Border Color
border-color: #542C5D;
Box Shadow
box-shadow: 0 4px 14px 0 #542C5D80;
SCSS
$color-imperial-purple: #542C5D;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#434251
Deuteranopia#45484E
Tritanopia#524846
Achromatopsia#3E3E3E
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive