#CCDDF2 Color

Color Information

HEX#CCDDF2
RGB204, 221, 242
HSL213° , 59% , 87%
HSV213° , 16% , 95%
CMYK16%, 9%, 0%, 5%

Lighter Shades

#D2E1F4 #D8E5F5 #DEE9F7 #E4EDF8 #EBF1FA #F1F5FB

Darker Shades

#B4C2D5 #9BA8B8 #838D9B #6A737E #525861 #393E44

Complementary Palette

#AFBED0 #CCDDF2 #CFC1AE #F1E0CA #F3E4D1 #D3E2F4

Analogous Palette

#C4D3D4 #D1E9EA #C0D0E3 #CCDDF2 #D3D1EA #D6D5EC

Triadic Palette

#B4C2D5 #CCDDF2 #F4C7DC #F5CEE0 #DCF4C7 #C2D7AF

Split Complementary Palette

#B8C7DA #CCDDF2 #F1CCCA #F2D1CF #EFF1CA #D7D9B6

Square Palette

#ABBACB #CCDDF2 #EECEEC #EEE0CE #CAF1CC #D2F3D4

Tetradic Palette

#A7B5C6 #CCDDF2 #E1C5F7 #F1E0CA #DCF7C5 #E2F8CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCDDF2 contains 204 red, 221 green, and 242 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.33:1