HEX Color #D36DCC (Orchid)

About #D36DCC

The precise color #D36DCC is an excellent choice for modern design projects. Designers often compare it to the standard color Orchid. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 109, and 204.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 48% M, 3% Y, and 17% K. With a hue angle of 304.1 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D36DCC

RGB211, 109, 204

HSL304.1°, 53.7%, 62.7%

CMYK0%, 48%, 3%, 17%

HSV304.1°, 48.3%, 82.7%

LAB60.9, 53.0, -31.8

XYZ43.2, 29.1, 60.5

Decimal13856204

Color Harmonies

Complementary

#D36DCC #6DD374

Analogous

#A76DD3 #D36D98

Triadic

#CBD36D #6DCBD3

Tetradic

#D3A76D #6DD374 #6D98D3

Tints, Shades & Tones

Tints (Adding White)

#D36DCC

#D77DD1

#DC8DD7

#E19DDD

#E6ADE2

#EBBEE8

#F0CEEE

#F5DEF3

#FAEEF9

#FFFFFF

Shades (Adding Black)

#D36DCC

#BB60B5

#A4549E

#8C4888

#753C71

#5D305A

#462444

#2E182D

#170C16

#000000

WCAG Contrast Accessibility

3.08:1

Text on #FFFFFF

AA Large

6.83:1

Text on #000000

AA

2.94:1

Text on #F8FAFC

FAIL

5.81:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #D36DCC; }

.text-color { color: #D36DCC; }

.border-color { border: 2px solid #D36DCC; }

Similar Colors

Orchid

#DA70D6