CSS named color
Purple
#800080
HEX
#800080RGB
rgb(128, 0, 128)HSL
hsl(300, 100%, 25%)OKLCH
oklch(42.09% 0.1935 328.36)NAME
purplePalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueLeft
#400080
Right
#800040
Triadic
±120° for harmonic contrastTriad 1
#7F8000
Triad 2
#007F80
Shades
Lighter and darker variantsCSS usage
By name
color: purple;
background-color: purple;By HEX
color: #800080;
background-color: #800080;By RGB
color: rgb(128, 0, 128);
background-color: rgb(128, 0, 128);By HSL
color: hsl(300, 100%, 25%);
background-color: hsl(300, 100%, 25%);WCAG contrast vs white
Aa
9.42:1
AAA
WCAG contrast vs black
Aa
2.23:1
Below minimum
Related colors
FAQ — Purple
What is the HEX code for Purple?
The HEX code for Purple is #800080. It's one of the 148 named CSS colors and can be used directly in CSS as color: purple; or color: #800080;
What is Purple in RGB?
Purple in RGB is rgb(128, 0, 128) — red 128, green 0, blue 128.
What is Purple in HSL?
Purple in HSL is hsl(300, 100%, 25%) — hue 300°, saturation 100%, lightness 25%.
What is the complementary color of Purple?
The complementary color (directly opposite Purple on the color wheel) is #008000. The two together produce maximum contrast.
Is white text readable on Purple?
The WCAG contrast ratio against white (#FFFFFF) is 9.42:1, and against black (#000000) it's 2.23:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.