#CCD5DE Color

Color Information

HEX#CCD5DE
RGB204, 213, 222
HSL210° , 21% , 84%
HSV210° , 8% , 87%
CMYK8%, 4%, 0%, 13%

Lighter Shades

#D2DAE2 #D8DFE6 #DEE4EA #E4E9EE #EBEEF2 #F1F3F6

Darker Shades

#B4BBC3 #9BA2A9 #83888E #6A6F73 #525559 #393C3E

Complementary Palette

#AFB7BF #CCD5DE #C0B8B1 #DFD6CE #E3DCD5 #D3DBE3

Analogous Palette

#BCCDCD #D0DCDC #C0C8D1 #CCD5DE #D0D0DC #D3D3DE

Triadic Palette

#B4BBC3 #CCD5DE #E3CAD5 #E6D0DA #D5E3CA #BBC8B2

Split Complementary Palette

#B8C0C8 #CCD5DE #DFCECE #E2D3D3 #DFDFCE #C9C9B9

Square Palette

#ABB3BA #CCD5DE #DCD0DC #DCD6D0 #CEDFCE #D6E4D6

Tetradic Palette

#A7AFB6 #CCD5DE #D5C6E6 #DFD6CE #D5E6C6 #DDEBD0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD5DE contains 204 red, 213 green, and 222 blue.

Contrast Ratio: 1.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.29:1