#CCD8FF Color

Color Information

HEX#CCD8FF
RGB204, 216, 255
HSL226° , 100% , 90%
HSV226° , 20% , 100%
CMYK20%, 15%, 0%, 0%

Lighter Shades

#D2DDFF #D8E1FF #DEE6FF #E4EBFF #EBEFFF #F1F4FF

Darker Shades

#B4BEE0 #9BA4C2 #838AA3 #6A7085 #525666 #393C47

Complementary Palette

#AFBADB #CCD8FF #DBD1AF #FFF3CC #FFF5D3 #D3DDFF

Analogous Palette

#C5DAE2 #D1EFFA #C0CBF0 #CCD8FF #DCD1FA #E0D6FA

Triadic Palette

#B4BEE0 #CCD8FF #FFCCD8 #FFD2DD #D8FFCC #BEE0B4

Split Complementary Palette

#B8C2E6 #CCD8FF #FFDACC #FFDED1 #F1FFCC #D9E6B8

Square Palette

#ABB5D6 #CCD8FF #FCCFF0 #FCF2CF #CCFFDA #D4FFE0

Tetradic Palette

#A7B1D1 #CCD8FF #F3CCFF #FFF3CC #D8FFCC #DFFFD5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD8FF contains 204 red, 216 green, and 255 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: 14.97:1