#CCDBCC

A very light, muted green closely aligning with Lightgray.

About #CCDBCC

When working with digital screens, the color #CCDBCC 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, 219, and 204.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 7% C, 0% M, 7% Y, and 14% K. 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 very light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#CCDBCC
RGB204, 219, 204
HSL120.0°, 17.2%, 82.9%
CMYK7%, 0%, 7%, 14%
HSV120.0°, 6.8%, 85.9%
LAB85.9, -7.8, 5.6
XYZ61.1, 67.9, 67.0
Decimal13425612

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.44:1
Text on #FFFFFF
FAIL
14.57:1
Text on #000000
AAA
1.38:1
Text on #F8FAFC
FAIL
12.39:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #CCDBCC; }
.text-color { color: #CCDBCC; }
.border-color { border: 2px solid #CCDBCC; }

Similar Colors

Lightgray
#D3D3D3