HEX Color #E9BDCC (Pink)

About #E9BDCC

Visually, #E9BDCC is defined as a moderate magenta. It is closely associated with the named CSS color Pink. To achieve this exact tint on a monitor, you would use an RGB mix of 233, 189, and 204.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 19% Magenta, 12% Yellow, and 9% Black. With a hue angle of 339.5 degrees, it sits comfortably in the magenta spectrum.

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#E9BDCC

RGB233, 189, 204

HSL339.5°, 50.0%, 82.7%

CMYK0%, 19%, 12%, 9%

HSV339.5°, 18.9%, 91.4%

LAB80.8, 18.1, -1.6

XYZ62.7, 58.1, 65.0

Decimal15318476

Color Harmonies

Complementary

#E9BDCC #BCE9D9

Analogous

#E9BCE2 #E9C3BC

Triadic

#CBE9BC #BCCBE9

Tetradic

#E2E9BC #BCE9D9 #C3BCE9

Tints, Shades & Tones

Tints (Adding White)

#E9BDCC

#EBC4D1

#EDCBD7

#F0D3DD

#F2DAE2

#F5E1E8

#F7E9EE

#FAF0F3

#FCF7F9

#FFFFFF

Shades (Adding Black)

#E9BDCC

#CFA8B5

#B5939E

#9B7E88

#816971

#67545A

#4D3F44

#332A2D

#191516

#000000

WCAG Contrast Accessibility

1.66:1

Text on #FFFFFF

FAIL

12.62:1

Text on #000000

AAA

1.59:1

Text on #F8FAFC

FAIL

10.72:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #E9BDCC; }

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

Similar Colors

Pink

#FFC0CB