#CCCBDE Color

Color Information

HEX#CCCBDE
RGB204, 203, 222
HSL243° , 22% , 83%
HSV243° , 9% , 87%
CMYK8%, 9%, 0%, 13%

Lighter Shades

#D2D1E2 #D8D7E6 #DEDEEA #E4E4EE #EBEAF2 #F1F0F6

Darker Shades

#B4B3C3 #9B9AA9 #83828E #6A6A73 #525159 #39393E

Complementary Palette

#AFAFBF #CCCBDE #BDBEAE #DCDDCA #E1E2D1 #D3D2E3

Analogous Palette

#B9C1CB #CDD3DA #C0BFD1 #CCCBDE #D5CDDA #D7D0DC

Triadic Palette

#B4B3C3 #CCCBDE #E2C7C6 #E5CECD #C6E2C7 #AEC7AF

Split Complementary Palette

#B8B7C8 #CCCBDE #DDD5CA #E0D9CF #D3DDCA #BEC7B6

Square Palette

#ABABBA #CCCBDE #DACDD3 #DADACD #CADDD5 #D2E2DC

Tetradic Palette

#A7A6B6 #CCCBDE #E5C2E3 #DCDDCA #C2E5C4 #CDEACF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCCBDE contains 204 red, 203 green, and 222 blue.

Contrast Ratio: 1.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.33:1