#CCD1E2 Color

Color Information

HEX#CCD1E2
RGB204, 209, 226
HSL226° , 28% , 84%
HSV226° , 10% , 89%
CMYK10%, 8%, 0%, 11%

Lighter Shades

#D2D7E5 #D8DCE9 #DEE2EC #E4E7F0 #EBEDF3 #F1F2F7

Darker Shades

#B4B8C7 #9B9FAC #838691 #6A6D76 #52545A #393B3F

Complementary Palette

#AFB4C2 #CCD1E2 #C2BDAF #E2DCCB #E6E1D2 #D3D7E6

Analogous Palette

#BCC8CD #D0D9DC #C0C4D4 #CCD1E2 #D3D0DC #D6D3DE

Triadic Palette

#B4B8C7 #CCD1E2 #E6C7CD #E9CED3 #CDE6C7 #B4CAAF

Split Complementary Palette

#B8BCCB #CCD1E2 #E2D1CB #E5D6D0 #DCE2CB #C6CBB7

Square Palette

#ABB0BE #CCD1E2 #DECFDA #DEDACF #CBE2D1 #D3E7D8

Tetradic Palette

#A7ABB9 #CCD1E2 #DFC3E9 #E2DCCB #CCE9C3 #D5EDCE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD1E2 contains 204 red, 209 green, and 226 blue.

Contrast Ratio: 1.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.94:1