Dark Orchid #9932CC

Dark Orchid#9932CC · rgb(153, 50, 204)

Dark Orchid color codes

CSS namedarkorchid
HEX#9932CC
RGBrgb(153, 50, 204)
HSLhsl(280, 61%, 50%)
CMYKcmyk(25%, 75%, 0%, 20%)
Decimal10040012

Shades of Dark Orchid (darker)

#8A2DB8 · #7A28A3 · #6B238F · #5C1E7A · #4D1966 · #3D1452 · #2E0F3D · #1F0A29 · #0F0514

Tints of Dark Orchid (lighter)

#A347D1 · #AD5BD6 · #B870DB · #C284E0 · #CC99E6 · #D6ADEB · #E0C2F0 · #EBD6F5 · #F5EBFA

Color harmonies

Complementary
#66CD32
Triadic
#CD9932, #32CD99
Analogous
#4C32CD, #CD32B3

Accessibility (WCAG contrast)

White text on Dark Orchid5.70:1 · AA
Black text on Dark Orchid3.68:1 · AA large text only

Use Dark Orchid in code

.element {
  color: darkorchid;          /* or #9932cc */
  background-color: rgb(153 50 204 / 0.5);
}

Frequently asked questions

What is the hex code for Dark Orchid?

Dark Orchid is #9932CC in HEX, rgb(153, 50, 204) in RGB and hsl(280, 61%, 50%) in HSL.

Can I use "darkorchid" directly in CSS?

Yes. "darkorchid" is one of the 148 standard CSS named colors, so color: darkorchid; works in every browser.

Is Dark Orchid readable on white?

The contrast ratio of Dark Orchid on white is 5.70:1 (WCAG AA). On black it is 3.68:1 (AA large text only).

What is the complementary color of Dark Orchid?

The complementary color (opposite on the color wheel) is #66CD32.

Similar colors

Blue Violet#8A2BE2Medium Orchid#BA55D3Dark Violet#9400D3Slate Blue#6A5ACDMedium Purple#9370DBMedium Slate Blue#7B68EERebecca Purple#663399Dark Magenta#8B008B

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.