HEX Color #CCD3BD (Lightgray)

About #CCD3BD

When working with digital screens, the color #CCD3BD is rendered by mixing light. If you're using CSS, you might find it aligns closely with Lightgray. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 211, and 189.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 3% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CCD3BD

RGB204, 211, 189

HSL79.1°, 20.0%, 78.4%

CMYK3%, 0%, 10%, 17%

HSV79.1°, 10.4%, 82.7%

LAB83.5, -6.3, 10.1

XYZ57.4, 63.1, 57.3

Decimal13423549

Color Harmonies

Complementary

#CCD3BD #C4BDD3

Analogous

#D3CEBD #C1D3BD

Triadic

#BDCCD3 #D3BDCC

Tetradic

#BDD3CF #C4BDD3 #D3BDC1

Tints, Shades & Tones

Tints (Adding White)

#CCD3BD

#D1D7C4

#D7DCCB

#DDE1D3

#E2E6DA

#E8EBE1

#EEF0E9

#F3F5F0

#F9FAF7

#FFFFFF

Shades (Adding Black)

#CCD3BD

#B5BBA8

#9EA493

#888C7E

#717569

#5A5D54

#44463F

#2D2E2A

#161715

#000000

WCAG Contrast Accessibility

1.54:1

Text on #FFFFFF

FAIL

13.62:1

Text on #000000

AAA

1.47:1

Text on #F8FAFC

FAIL

11.58:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #CCD3BD; }

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

Similar Colors

Lightgray

#D3D3D3