CSS named color
DarkOrchid
#9932CC
HEX
#9932ccRGB
rgb(153, 50, 204)HSL
hsl(280, 61%, 50%)OKLCH
oklch(54.11% 0.2272 311.51)NAME
darkorchidPalette
Complementary
180° on the color wheelComplement
#66CD32
Analogous
±30° around the base hueLeft
#4C32CD
Right
#CD32B3
Triadic
±120° for harmonic contrastTriad 1
#CD9932
Triad 2
#32CD99
Shades
Lighter and darker variantsCSS usage
By name
color: darkorchid;
background-color: darkorchid;By HEX
color: #9932cc;
background-color: #9932cc;By RGB
color: rgb(153, 50, 204);
background-color: rgb(153, 50, 204);By HSL
color: hsl(280, 61%, 50%);
background-color: hsl(280, 61%, 50%);WCAG contrast vs white
Aa
5.70:1
AA
WCAG contrast vs black
Aa
3.68:1
AA (large text)
Related colors
FAQ — DarkOrchid
What is the HEX code for DarkOrchid?
The HEX code for DarkOrchid is #9932CC. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkorchid; or color: #9932cc;
What is DarkOrchid in RGB?
DarkOrchid in RGB is rgb(153, 50, 204) — red 153, green 50, blue 204.
What is DarkOrchid in HSL?
DarkOrchid in HSL is hsl(280, 61%, 50%) — hue 280°, saturation 61%, lightness 50%.
What is the complementary color of DarkOrchid?
The complementary color (directly opposite DarkOrchid on the color wheel) is #66CD32. The two together produce maximum contrast.
Is white text readable on DarkOrchid?
The WCAG contrast ratio against white (#FFFFFF) is 5.70:1, and against black (#000000) it's 3.68:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.