#CCD2FF Color

Color Information

HEX#CCD2FF
RGB204, 210, 255
HSL233° , 100% , 90%
HSV233° , 20% , 100%
CMYK20%, 18%, 0%, 0%

Lighter Shades

#D2D7FF #D8DDFF #DEE2FF #E4E8FF #EBEDFF #F1F2FF

Darker Shades

#B4B9E0 #9BA0C2 #8386A3 #6A6D85 #525466 #393B47

Complementary Palette

#AFB5DB #CCD2FF #DBD6AF #FFF9CC #FFFAD3 #D3D8FF

Analogous Palette

#C5D7E2 #D1EAFA #C0C5F0 #CCD2FF #E1D1FA #E4D6FA

Triadic Palette

#B4B9E0 #CCD2FF #FFCCD2 #FFD2D7 #D2FFCC #B9E0B4

Split Complementary Palette

#B8BDE6 #CCD2FF #FFE0CC #FFE3D1 #EBFFCC #D4E6B8

Square Palette

#ABB0D6 #CCD2FF #FCCFEA #FCF7CF #CCFFE0 #D4FFE5

Tetradic Palette

#A7ACD1 #CCD2FF #F9CCFF #FFF9CC #D2FFCC #DAFFD5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD2FF contains 204 red, 210 green, and 255 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.38:1