HEX Color #D36DF8 (Mediumorchid)

About #D36DF8

Visually, #D36DF8 is defined as a vivid purple. Its closest recognized web color is Mediumorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 109, and 248.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 15% cyan and 56% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. 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#D36DF8

RGB211, 109, 248

HSL284.0°, 90.8%, 70.0%

CMYK15%, 56%, 0%, 3%

HSV284.0°, 56.0%, 97.3%

LAB63.0, 61.2, -53.1

XYZ49.3, 31.6, 92.3

Decimal13856248

Color Harmonies

Complementary

#D36DF8 #91F86C

Analogous

#8D6CF8 #F86CD7

Triadic

#F8D36C #6CF8D2

Tetradic

#F88D6C #91F86C #6CD7F8

Tints, Shades & Tones

Tints (Adding White)

#D36DF8

#D77DF8

#DC8DF9

#E19DFA

#E6ADFB

#EBBEFB

#F0CEFC

#F5DEFD

#FAEEFE

#FFFFFF

Shades (Adding Black)

#D36DF8

#BB60DC

#A454C0

#8C48A5

#753C89

#5D306E

#462452

#2E1837

#170C1B

#000000

WCAG Contrast Accessibility

2.87:1

Text on #FFFFFF

FAIL

7.31:1

Text on #000000

AAA

2.74:1

Text on #F8FAFC

FAIL

6.22:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #D36DF8; }

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

Similar Colors

Mediumorchid

#BA55D3