#CCD8DC Color

Color Information

HEX	#CCD8DC
RGB	204, 216, 220
HSL	195° , 19% , 83%
HSV	195° , 7% , 86%
CMYK	7%, 2%, 0%, 14%

Lighter Shades

#D2DDE0 #D8E1E4 #DEE6E9 #E4EBED #EBEFF1 #F1F4F5

Darker Shades

#B4BEC2 #9BA4A7 #838A8D #6A7072 #525658 #393C3E

Complementary Palette

#AFBABD #CCD8DC #BDB3AF #DCD0CB #E1D7D2 #D3DDE1

Analogous Palette

#B9CBC7 #CDDAD7 #C0CBCF #CCD8DC #CDD1DA #D0D4DC

Triadic Palette

#B4BEC2 #CCD8DC #E1C7DB #E5CEDF #DBE1C7 #C1C6AF

Split Complementary Palette

#B8C2C6 #CCD8DC #DCCBD0 #E0D0D5 #DCD8CB #C6C2B7

Square Palette

#ABB5B9 #CCD8DC #D7CDDA #DAD1CD #D0DCCB #D8E2D3

Tetradic Palette

#A7B1B4 #CCD8DC #CDC3E4 #DCD0CB #DCE4C3 #E2E9CE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD8DC contains 204 red, 216 green, and 220 blue.

Contrast Ratio: 1.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.57:1