#CCBDED Color

Color Information

HEX#CCBDED
RGB204, 189, 237
HSL259° , 57% , 84%
HSV259° , 20% , 93%
CMYK14%, 20%, 0%, 7%

Lighter Shades

#D2C5EF #D8CDF1 #DED5F3 #E4DDF6 #EBE5F8 #F1EDFA

Darker Shades

#B4A6D1 #9B90B4 #837998 #6A627B #524C5F #393542

Complementary Palette

#AFA3CC #CCBDED #C0CCA4 #DFEDBF #E3F0C8 #D3C6F0

Analogous Palette

#BBBECE #C8CCE5 #C0B2DF #CCBDED #E0C8E5 #E2CBE6

Triadic Palette

#B4A6D1 #CCBDED #F1CDBB #F3D3C3 #BBF1CD #A5D4B4

Split Complementary Palette

#B8AAD5 #CCBDED #EDE5BF #EFE8C5 #C7EDBF #B3D5AC

Square Palette

#AB9FC7 #CCBDED #E9C3CA #DEE9C3 #BFEDE5 #C9F0E9

Tetradic Palette

#A79BC2 #CCBDED #F4B8E2 #DFEDBF #B8F4CC #C5F6D5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCBDED contains 204 red, 189 green, and 237 blue.

Contrast Ratio: 1.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.23:1