Coloried

Purple

Purple color is a rich shade of dark purple. Its hex code is #800080 and rgb code is rgb(128, 0, 128), Its CMYK value is cmyk(0%, 100%, 0%, 50%), and Its HSL value is hsl(300, 100%, 25%). Against white, it has a contrast ratio of 9.42:1, while against black, the contrast ratio is 2.23:1. Its complementary color is #008000 and closest tailwind color is fuchsia-800. This color goes well with #FF1A8C, #8C1AFF, #FF66FF, #73E600, and #00E673. To recreate the Purple color, you can mix #FF00FF and #010001.

Purple color code
|
1. Color Conversions
HEX#800080
RGB128, 0, 128
HSL300°, 100%, 25%
HSV300°, 100%, 50%
CMYK0%, 100%, 0%, 50%
Web Safe#990099
2. Contrast Ratio
Text on #FFFFFF9.42:1
AAA LargeAAA Normal
Text on #0000002.23:1
Fail LargeFail Normal
3. Purple Color Code in CSS
HEX
#800080
RGB
rgb(128, 0, 128)
HSL
hsl(300, 100%, 25%)
Text Color
color: #800080;
Background
background-color: #800080;
Border Color
border-color: #800080;
Box Shadow
box-shadow: 0 4px 14px 0 #80008080;
SCSS
$color-purple: #800080;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#494761
Deuteranopia#505A5A
Tritanopia#7A4943
Achromatopsia#353535
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive