#CCE0DC Color

Color Information

HEX	#CCE0DC
RGB	204, 224, 220
HSL	168° , 24% , 84%
HSV	168° , 9% , 88%
CMYK	9%, 0%, 2%, 12%

Lighter Shades

#D2E4E0 #D8E7E4 #DEEBE9 #E4EFED #EBF3F1 #F1F6F5

Darker Shades

#B4C5C2 #9BAAA7 #838F8D #6A7472 #525A58 #393F3E

Complementary Palette

#AFC1BD #CCE0DC #C1AFB3 #E0CCD0 #E4D3D7 #D3E4E1

Analogous Palette

#BCCDC1 #D0DCD4 #C0D3CF #CCE0DC #D0D9DC #D3DBDE

Triadic Palette

#B4C5C2 #CCE0DC #DFC8E4 #E3CFE7 #E4DFC8 #C9C4B0

Split Complementary Palette

#B8CAC6 #CCE0DC #E0CCDA #E3D1DE #E0D2CC #CABDB8

Square Palette

#ABBCB9 #CCE0DC #D4D0DC #DCD0D3 #DAE0CC #E0E5D4

Tetradic Palette

#A7B8B4 #CCE0DC #C5CCE7 #E0CCD0 #E7E0C5 #EBE6CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCE0DC contains 204 red, 224 green, and 220 blue.

Contrast Ratio: 1.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.4:1