HEX Color #E9CCE2 (Thistle)

About #E9CCE2

Visually, #E9CCE2 is defined as a moderate magenta. Its closest recognized web color is Thistle. To achieve this exact tint on a monitor, you would use an RGB mix of 233, 204, and 226.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 12% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. 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#E9CCE2

RGB233, 204, 226

HSL314.5°, 39.7%, 85.7%

CMYK0%, 12%, 3%, 9%

HSV314.5°, 12.4%, 91.4%

LAB85.0, 13.9, -7.1

XYZ68.9, 66.0, 81.1

Decimal15322338

Color Harmonies

Complementary

#E9CCE2 #CCE8D3

Analogous

#E1CCE8 #E8CCD3

Triadic

#E2E8CC #CCE2E8

Tetradic

#E8E1CC #CCE8D3 #CCD3E8

Tints, Shades & Tones

Tints (Adding White)

#E9CCE2

#EBD1E5

#EDD7E8

#F0DDEB

#F2E2EE

#F5E8F2

#F7EEF5

#FAF3F8

#FCF9FB

#FFFFFF

Shades (Adding Black)

#E9CCE2

#CFB5C8

#B59EAF

#9B8896

#81717D

#675A64

#4D444B

#332D32

#191619

#000000

WCAG Contrast Accessibility

1.48:1

Text on #FFFFFF

FAIL

14.20:1

Text on #000000

AAA

1.41:1

Text on #F8FAFC

FAIL

12.07:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #E9CCE2; }

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

Similar Colors

Thistle

#D8BFD8