#CCCDD0

#CCCDD0

Color Values

HEX

#CCCDD0

RGB

204, 205, 208

HSL

225.0, 4.1%, 80.8%

HSV

225.0, 1.9%, 81.6%

CMYK

1.9%, 1.4%, 0.0%, 18.4%

OKLCH

0.8484 0.0043 271.4

Properties

Color Psychology

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #CCCDD0;
color: #CCCDD0;
border-color: #CCCDD0;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.21:1

AA Pass AAA Pass

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #CCCDD0?

RGB(204, 205, 208) · HSL(225.0, 4.1%, 80.8%) · CMYK(1.9%, 1.4%, 0.0%, 18.4%)

Does #CCCDD0 meet WCAG contrast on white?

1.59:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #CCCDD0?

Use 000000 text on a #CCCDD0 background; contrast on black is 13.21:1.