Hex Color #EF12CC - Custom Color

Color Codes

HEX

#EF12CC

RGB

rgb(239, 18, 204)

HSL

hsl(310, 87%, 50%)

CMYK

cmyk(0%, 92%, 15%, 6%)

HSV

hsv(310, 92%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A411EE #EE11C9 #EE115B

Triadic

#EE11C9 #C9EE11 #11C9EE

Split Complementary

#EE11C9 #5BEE11 #11EEA4

Tetradic (Square)

#EE11C9 #EEA411 #11EE36 #115BEE

Complementary

#EF12CC #11EE36

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.73:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.63: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: #EF12CC;

color: #EF12CC;

border-color: #EF12CC;

}

Tailwind CSS (with arbitrary values)

bg-[#EF12CC]

text-[#EF12CC]

border-[#EF12CC]

// Example usage: