HEX Color #D366E9 (Mediumorchid)

About #D366E9

The precise color #D366E9 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 102, and 233.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 9% C, 56% M, 0% Y, and 9% K. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D366E9

RGB211, 102, 233

HSL289.9°, 74.9%, 65.7%

CMYK9%, 56%, 0%, 9%

HSV289.9°, 56.2%, 91.4%

LAB61.0, 61.6, -48.0

XYZ46.3, 29.2, 80.3

Decimal13854441

Color Harmonies

Complementary

#D366E9 #7CE866

Analogous

#9166E8 #E866BD

Triadic

#E8D266 #66E8D2

Tetradic

#E89166 #7CE866 #66BDE8

Tints, Shades & Tones

Tints (Adding White)

#D366E9

#D777EB

#DC88ED

#E199F0

#E6AAF2

#EBBBF5

#F0CCF7

#F5DDFA

#FAEEFC

#FFFFFF

Shades (Adding Black)

#D366E9

#BB5ACF

#A44FB5

#8C449B

#753881

#5D2D67

#46224D

#2E1633

#170B19

#000000

WCAG Contrast Accessibility

3.07:1

Text on #FFFFFF

AA Large

6.85:1

Text on #000000

AA

2.93:1

Text on #F8FAFC

FAIL

5.82:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #D366E9; }

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

Similar Colors

Mediumorchid

#BA55D3