#CCD2CC Color

Color Information

HEX#CCD2CC
RGB204, 210, 204
HSL120° , 6% , 81%
HSV120° , 3% , 82%
CMYK3%, 0%, 3%, 18%

Lighter Shades

#D2D7D2 #D8DDD8 #DEE2DE #E4E8E4 #EBEDEB #F1F2F1

Darker Shades

#B4B9B4 #9BA09B #838683 #6A6D6A #525452 #393B39

Complementary Palette

#AFB5AF #CCD2CC #B4AFB4 #D1CCD1 #D7D3D7 #D3D8D3

Analogous Palette

#BFC9B6 #D0D6C7 #C0C5C0 #CCD2CC #C7D6D0 #CDDAD5

Triadic Palette

#B4B9B4 #CCD2CC #C7C7D6 #CECEDB #D6C7C7 #BCAFAF

Split Complementary Palette

#B8BDB8 #CCD2CC #CFCCD1 #D4D1D6 #D1CCCF #BCB8BA

Square Palette

#ABB0AB #CCD2CC #C7D0D6 #D6C7D6 #D1CFCC #D8D7D4

Tetradic Palette

#A7ACA7 #CCD2CC #C3DADA #D1CCD1 #DAC3C3 #E1CECE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD2CC contains 204 red, 210 green, and 204 blue.

Contrast Ratio: 1.52:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 13.82:1