#CCE2DF Color

Color Information

HEX#CCE2DF
RGB204, 226, 223
HSL172° , 28% , 84%
HSV172° , 10% , 89%
CMYK10%, 0%, 1%, 11%

Lighter Shades

#D2E5E3 #D8E9E7 #DEECEB #E4F0EE #EBF3F2 #F1F7F6

Darker Shades

#B4C7C4 #9BACA9 #83918F #6A7674 #525A59 #393F3E

Complementary Palette

#AFC2C0 #CCE2DF #C2AFB1 #E2CBCE #E6D2D5 #D3E6E3

Analogous Palette

#BCCDC1 #D0DCD4 #C0D4D2 #CCE2DF #D0D8DC #D3DADE

Triadic Palette

#B4C7C4 #CCE2DF #E2C7E6 #E5CEE9 #E6E2C7 #CAC7AF

Split Complementary Palette

#B8CBC9 #CCE2DF #E2CBD9 #E5D0DD #E2D3CB #CBBEB7

Square Palette

#ABBEBB #CCE2DF #D4CFDE #DECFD1 #D9E2CB #DFE7D3

Tetradic Palette

#A7B9B7 #CCE2DF #C3C8E9 #E2CBCE #E9E4C3 #EDE9CE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCE2DF contains 204 red, 226 green, and 223 blue.

Contrast Ratio: 1.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.65:1