Hex Color #E726CF - Custom Color

Color Codes

HEX

#E726CF

RGB

rgb(231, 38, 207)

HSL

hsl(307, 80%, 53%)

CMYK

cmyk(0%, 84%, 10%, 9%)

HSV

hsv(307, 84%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9E27E7 #E727D1 #E72771

Triadic

#E727D1 #D1E727 #27D1E7

Split Complementary

#E727D1 #71E727 #27E79E

Tetradic (Square)

#E727D1 #E79E27 #27E73E #2771E7

Complementary

#E726CF #27E73E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.77:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.58: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: #E726CF;

color: #E726CF;

border-color: #E726CF;

}

Tailwind CSS (with arbitrary values)

bg-[#E726CF]

text-[#E726CF]

border-[#E726CF]

// Example usage: