#DECCFF Color

Color Information

HEX#DECCFF
RGB222, 204, 255
HSL261° , 100% , 90%
HSV261° , 20% , 100%
CMYK13%, 20%, 0%, 0%

Lighter Shades

#E2D2FF #E6D8FF #EADEFF #EEE4FF #F2EBFF #F6F1FF

Darker Shades

#C3B4E0 #A99BC2 #8E83A3 #736A85 #595266 #3E3947

Complementary Palette

#BFAFDB #DECCFF #CCDBAF #EDFFCC #F0FFD3 #E3D3FF

Analogous Palette

#C5C9E2 #D1D7FA #D1C0F0 #DECCFF #F4D1FA #F5D6FA

Triadic Palette

#C3B4E0 #DECCFF #FFDECC #FFE2D2 #CCFFDE #B4E0C3

Split Complementary Palette

#C8B8E6 #DECCFF #FFF7CC #FFF8D1 #D4FFCC #BFE6B8

Square Palette

#BAABD6 #DECCFF #FCCFD5 #ECFCCF #CCFFF7 #D4FFF8

Tetradic Palette

#B6A7D1 #DECCFF #FFCCED #EDFFCC #CCFFDE #D5FFE4

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DECCFF contains 222 red, 204 green, and 255 blue.

Contrast Ratio: 1.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.33:1