Hex Color #E60FBE - Custom Color

Color Codes

HEX

#E60FBE

RGB

rgb(230, 15, 190)

HSL

hsl(311, 88%, 48%)

CMYK

cmyk(0%, 93%, 17%, 10%)

HSV

hsv(311, 93%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A20FE6 #E60FBF #E60F53

Triadic

#E60FBF #BFE60F #0FBFE6

Split Complementary

#E60FBF #53E60F #0FE6A2

Tetradic (Square)

#E60FBF #E6A20F #0FE636 #0F53E6

Complementary

#E60FBE #0FE636

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.06:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.18: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: #E60FBE;

color: #E60FBE;

border-color: #E60FBE;

}

Tailwind CSS (with arbitrary values)

bg-[#E60FBE]

text-[#E60FBE]

border-[#E60FBE]

// Example usage: