Hex Color #EB2FD9 - Custom Color

Color Codes

HEX

#EB2FD9

RGB

rgb(235, 47, 217)

HSL

hsl(306, 82%, 55%)

CMYK

cmyk(0%, 80%, 8%, 8%)

HSV

hsv(306, 80%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9F2EEA #EA2ED8 #EA2E79

Triadic

#EA2ED8 #D8EA2E #2ED8EA

Split Complementary

#EA2ED8 #79EA2E #2EEA9F

Tetradic (Square)

#EA2ED8 #EA9F2E #2EEA41 #2E79EA

Complementary

#EB2FD9 #2EEA41

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.53:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.94: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: #EB2FD9;

color: #EB2FD9;

border-color: #EB2FD9;

}

Tailwind CSS (with arbitrary values)

bg-[#EB2FD9]

text-[#EB2FD9]

border-[#EB2FD9]

// Example usage: