#CCD2DF Color

Color Information

HEX#CCD2DF
RGB204, 210, 223
HSL221° , 23% , 84%
HSV221° , 9% , 87%
CMYK9%, 6%, 0%, 13%

Lighter Shades

#D2D7E3 #D8DDE7 #DEE2EB #E4E8EE #EBEDF2 #F1F2F6

Darker Shades

#B4B9C4 #9BA0A9 #83868F #6A6D74 #525459 #393B3E

Complementary Palette

#AFB5C0 #CCD2DF #C1BBB0 #E0DACD #E4DFD4 #D3D8E3

Analogous Palette

#BCC9CD #D0DADC #C0C5D2 #CCD2DF #D2D0DC #D5D3DE

Triadic Palette

#B4B9C4 #CCD2DF #E4C9D1 #E7CFD7 #D1E4C9 #B8C9B1

Split Complementary Palette

#B8BDC9 #CCD2DF #E0D0CD #E3D5D2 #DCE0CD #C6CAB9

Square Palette

#ABB0BB #CCD2DF #DCD0DA #DCD8D0 #CDE0D0 #D5E5D8

Tetradic Palette

#A7ACB7 #CCD2DF #DCC5E7 #E0DACD #D0E7C5 #D8EBCF

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.01:1