#CCCDED Color

Color Information

HEX#CCCDED
RGB204, 205, 237
HSL238° , 48% , 86%
HSV238° , 14% , 93%
CMYK14%, 14%, 0%, 7%

Lighter Shades

#D2D3EF #D8D9F1 #DEDFF3 #E4E5F6 #EBEBF8 #F1F1FA

Darker Shades

#B4B4D1 #9B9CB4 #838398 #6A6B7B #52525F #393942

Complementary Palette

#AFB0CC #CCCDED #CBCAAE #ECEBCA #EFEED1 #D3D4F0

Analogous Palette

#C1CAD1 #D2DCE5 #C0C1DF #CCCDED #DBD2E5 #DDD5E7

Triadic Palette

#B4B4D1 #CCCDED #F0C7C8 #F2CECF #C8F0C7 #B0D3AF

Split Complementary Palette

#B8B9D5 #CCCDED #ECDACA #EEDECF #DCECCA #C6D4B6

Square Palette

#ABACC7 #CCCDED #E9CEDC #E9E8CE #CAECDA #D2EFE0

Tetradic Palette

#A7A8C2 #CCCDED #F1C4F3 #ECEBCA #C6F3C4 #D0F5CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCCDED contains 204 red, 205 green, and 237 blue.

Contrast Ratio: 1.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.68:1