#DE6AED Color

Color Information

HEX#DE6AED
RGB222, 106, 237
HSL293° , 78% , 67%
HSV293° , 55% , 93%
CMYK6%, 55%, 0%, 7%

Lighter Shades

#E27CEF #E68EF1 #EAA0F3 #EEB2F6 #F2C3F8 #F6D5FA

Darker Shades

#C35DD1 #A951B4 #8E4498 #73377B #592A5F #3E1E42

Complementary Palette

#BF5BCC #DE6AED #68CB5A #79EC69 #8CEF7E #E37FF0

Analogous Palette

#9676C6 #9F7ADC #D164DF #DE6AED #DC7AB6 #DF86BD

Triadic Palette

#C35DD1 #DE6AED #F5E461 #F6E774 #61F5E4 #55D8C9

Split Complementary Palette

#C85FD5 #DE6AED #BAEC69 #C1EE78 #69EC9C #5FD48C

Square Palette

#BA59C7 #DE6AED #E49D72 #7FE472 #69BAEC #81C5EF

Tetradic Palette

#B657C2 #DE6AED #FC5A6D #79EC69 #5AFCE9 #78FDED

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DE6AED contains 222 red, 106 green, and 237 blue.

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.44:1