#CCD7E2 Color

Color Information

HEX#CCD7E2
RGB204, 215, 226
HSL210° , 28% , 84%
HSV210° , 10% , 89%
CMYK10%, 5%, 0%, 11%

Lighter Shades

#D2DCE5 #D8E1E9 #DEE5EC #E4EAF0 #EBEFF3 #F1F4F7

Darker Shades

#B4BDC7 #9BA3AC #838A91 #6A7076 #52565A #393C3F

Complementary Palette

#AFB9C2 #CCD7E2 #C2B8AF #E2D6CB #E6DCD2 #D3DDE6

Analogous Palette

#BCCDCD #D0DCDC #C0CAD4 #CCD7E2 #D0D0DC #D3D3DE

Triadic Palette

#B4BDC7 #CCD7E2 #E6C7D6 #E9CEDB #D6E6C7 #BCCAAF

Split Complementary Palette

#B8C2CB #CCD7E2 #E2CBCB #E5D0D0 #E2E2CB #CBCBB7

Square Palette

#ABB5BE #CCD7E2 #DECFDE #DED6CF #CBE2CB #D3E7D3

Tetradic Palette

#A7B0B9 #CCD7E2 #D6C3E9 #E2D6CB #D6E9C3 #DDEDCE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCD7E2 contains 204 red, 215 green, and 226 blue.

Contrast Ratio: 1.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.54:1