#CCDAF0 Color

Color Information

HEX#CCDAF0
RGB204, 218, 240
HSL217° , 55% , 87%
HSV217° , 15% , 94%
CMYK15%, 9%, 0%, 6%

Lighter Shades

#D2DEF2 #D8E3F4 #DEE7F5 #E4ECF7 #EBF0F9 #F1F5FB

Darker Shades

#B4C0D3 #9BA6B6 #838C9A #6A717D #525760 #393D43

Complementary Palette

#AFBBCE #CCDAF0 #CEC2AF #F0E2CC #F2E6D3 #D3DFF2

Analogous Palette

#C4D2D4 #D2E7E9 #C0CDE2 #CCDAF0 #D5D2E9 #D8D6EB

Triadic Palette

#B4C0D3 #CCDAF0 #F3C8D9 #F4CFDE #D9F3C8 #BFD6B0

Split Complementary Palette

#B8C4D8 #CCDAF0 #F0D0CC #F2D5D1 #ECF0CC #D4D8B8

Square Palette

#ABB7CA #CCDAF0 #EDCFE9 #EDE1CF #CCF0D0 #D4F2D8

Tetradic Palette

#A7B3C5 #CCDAF0 #E3C6F6 #F0E2CC #D8F6C6 #DFF8D0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCDAF0 contains 204 red, 218 green, and 240 blue.

Contrast Ratio: 1.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15:1