HEX Color #CCBDCC (Thistle)

About #CCBDCC

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

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 7% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#CCBDCC

RGB204, 189, 204

HSL300.0°, 12.8%, 77.1%

CMYK0%, 7%, 0%, 20%

HSV300.0°, 7.4%, 80.0%

LAB78.2, 8.0, -5.6

XYZ54.0, 53.6, 64.6

Decimal13417932

Color Harmonies

Complementary

#CCBDCC #BDCCBD

Analogous

#C4BDCC #CCBDC4

Triadic

#CCCCBD #BDCCCC

Tetradic

#CCC4BD #BDCCBD #BDC4CC

Tints, Shades & Tones

Tints (Adding White)

#CCBDCC

#D1C4D1

#D7CBD7

#DDD3DD

#E2DAE2

#E8E1E8

#EEE9EE

#F3F0F3

#F9F7F9

#FFFFFF

Shades (Adding Black)

#CCBDCC

#B5A8B5

#9E939E

#887E88

#716971

#5A545A

#443F44

#2D2A2D

#161516

#000000

WCAG Contrast Accessibility

1.79:1

Text on #FFFFFF

FAIL

11.72:1

Text on #000000

AAA

1.71:1

Text on #F8FAFC

FAIL

9.96:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #CCBDCC; }

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

Similar Colors

Thistle

#D8BFD8