#CCDCF5 Color

Color Information

HEX#CCDCF5
RGB204, 220, 245
HSL217° , 67% , 88%
HSV217° , 17% , 96%
CMYK17%, 10%, 0%, 4%

Lighter Shades

#D2E0F6 #D8E4F7 #DEE9F9 #E4EDFA #EBF1FB #F1F5FC

Darker Shades

#B4C2D8 #9BA7BA #838D9D #6A727F #525862 #393E45

Complementary Palette

#AFBDD3 #CCDCF5 #D3C5AF #F5E5CC #F6E9D3 #D3E1F6

Analogous Palette

#C6D6D7 #D2EBEF #C0CFE6 #CCDCF5 #D5D2EF #D9D5F0

Triadic Palette

#B4C2D8 #CCDCF5 #F8C9DB #F9CFDF #DBF8C9 #C1DAB1

Split Complementary Palette

#B8C6DD #CCDCF5 #F5D1CC #F6D6D1 #F0F5CC #D8DDB8

Square Palette

#ABB9CE #CCDCF5 #F2CFEE #F2E4CF #CCF5D1 #D4F7D8

Tetradic Palette

#A7B4C9 #CCDCF5 #E6C6FA #F5E5CC #DAFAC6 #E1FBD0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCDCF5 contains 204 red, 220 green, and 245 blue.

Contrast Ratio: 1.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.26:1