#CCD4F2 Color

Color Information

HEX#CCD4F2
RGB204, 212, 242
HSL227° , 59% , 87%
HSV227° , 16% , 95%
CMYK16%, 12%, 0%, 5%

Lighter Shades

#D2D9F4 #D8DEF5 #DEE3F7 #E4E9F8 #EBEEFA #F1F3FB

Darker Shades

#B4BBD5 #9BA1B8 #83889B #6A6E7E #525561 #393B44

Complementary Palette

#AFB6D0 #CCD4F2 #CFC8AE #F1E9CA #F3ECD1 #D3DAF4

Analogous Palette

#C4CFD4 #D1E3EA #C0C7E3 #CCD4F2 #D8D1EA #DBD5EC

Triadic Palette

#B4BBD5 #CCD4F2 #F4C7D2 #F5CED7 #D2F4C7 #B9D7AF

Split Complementary Palette

#B8BFDA #CCD4F2 #F1D5CA #F2D9CF #E6F1CA #CFD9B6

Square Palette

#ABB2CB #CCD4F2 #EECEE5 #EEE7CE #CAF1D5 #D2F3DC

Tetradic Palette

#A7AEC6 #CCD4F2 #EDC5F7 #F1E9CA #D0F7C5 #D8F8CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD4F2 contains 204 red, 212 green, and 242 blue.

Contrast Ratio: 1.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.42:1