Hex Color #EA12D9 - Custom Color

Color Codes

HEX

#EA12D9

RGB

rgb(234, 18, 217)

HSL

hsl(305, 86%, 49%)

CMYK

cmyk(0%, 92%, 7%, 8%)

HSV

hsv(305, 92%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8F11E8 #E811D6 #E8116B

Triadic

#E811D6 #D6E811 #11D6E8

Split Complementary

#E811D6 #6BE811 #11E88F

Tetradic (Square)

#E811D6 #E88F11 #11E823 #116BE8

Complementary

#EA12D9 #11E823

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.76:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.59:1

Pass - WCAG AA (Normal Text)

Fail - 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: #EA12D9;

color: #EA12D9;

border-color: #EA12D9;

}

Tailwind CSS (with arbitrary values)

bg-[#EA12D9]

text-[#EA12D9]

border-[#EA12D9]

// Example usage: