Orchid #DA70D6

Orchid#DA70D6 · rgb(218, 112, 214)

Orchid color codes

CSS nameorchid
HEX#DA70D6
RGBrgb(218, 112, 214)
HSLhsl(302, 59%, 65%)
CMYKcmyk(0%, 49%, 2%, 15%)
Decimal14315734

Shades of Orchid (darker)

#C465C1 · #AE5AAB · #994E96 · #834380 · #6D386B · #572D56 · #412240 · #2C162B · #160B15

Tints of Orchid (lighter)

#DE7EDA · #E18DDE · #E59BE2 · #E9A9E6 · #EDB8EB · #F0C6EF · #F4D4F3 · #F8E2F7 · #FBF1FB

Color harmonies

Complementary
#71DA75
Triadic
#D7DA71, #71D7DA
Analogous
#A971DA, #DA71A2

Accessibility (WCAG contrast)

White text on Orchid2.89:1 · Fail
Black text on Orchid7.27:1 · AAA

Use Orchid in code

.element {
  color: orchid;          /* or #da70d6 */
  background-color: rgb(218 112 214 / 0.5);
}

Frequently asked questions

What is the hex code for Orchid?

Orchid is #DA70D6 in HEX, rgb(218, 112, 214) in RGB and hsl(302, 59%, 65%) in HSL.

Can I use "orchid" directly in CSS?

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

Is Orchid readable on white?

The contrast ratio of Orchid on white is 2.89:1 (WCAG Fail). On black it is 7.27:1 (AAA).

What is the complementary color of Orchid?

The complementary color (opposite on the color wheel) is #71DA75.

Similar colors

Violet#EE82EEMedium Orchid#BA55D3Plum#DDA0DDHot Pink#FF69B4Pale Violet Red#DB7093Medium Purple#9370DBThistle#D8BFD8Light Pink#FFB6C1

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