Hex Color #EA56ED - Custom Color

Color Codes

HEX

#EA56ED

RGB

rgb(234, 86, 237)

HSL

hsl(299, 81%, 63%)

CMYK

cmyk(1%, 64%, 0%, 7%)

HSV

hsv(299, 64%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9E54ED #EB54ED #ED54A3

Triadic

#EB54ED #EDEB54 #54EDEB

Split Complementary

#EB54ED #A3ED54 #54ED9E

Tetradic (Square)

#EB54ED #ED9E54 #57ED54 #54A3ED

Complementary

#EA56ED #57ED54

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.98:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.05:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #EA56ED;

color: #EA56ED;

border-color: #EA56ED;

}

Tailwind CSS (with arbitrary values)

bg-[#EA56ED]

text-[#EA56ED]

border-[#EA56ED]

// Example usage: