#CCDFDD Color

Color Information

HEX#CCDFDD
RGB204, 223, 221
HSL174° , 23% , 84%
HSV174° , 9% , 87%
CMYK9%, 0%, 1%, 13%

Lighter Shades

#D2E3E1 #D8E7E5 #DEEBE9 #E4EEED #EBF2F1 #F1F6F5

Darker Shades

#B4C4C2 #9BA9A8 #838F8D #6A7473 #525958 #393E3E

Complementary Palette

#AFC0BE #CCDFDD #C1B0B2 #E0CDCF #E4D4D6 #D3E3E2

Analogous Palette

#BCCDC2 #D0DCD5 #C0D2D0 #CCDFDD #D0D7DC #D3DADE

Triadic Palette

#B4C4C2 #CCDFDD #E1C9E4 #E5CFE7 #E4E1C9 #C9C6B1

Split Complementary Palette

#B8C9C7 #CCDFDD #E0CDD8 #E3D2DC #E0D4CD #CABFB9

Square Palette

#ABBBBA #CCDFDD #D5D0DC #DCD0D1 #D8E0CD #DEE5D5

Tetradic Palette

#A7B7B5 #CCDFDD #C5C9E7 #E0CDCF #E7E4C5 #EBE9CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCDFDD contains 204 red, 223 green, and 221 blue.

Contrast Ratio: 1.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.31:1