Hex Color #E782BF - Custom Color

Color Codes

HEX

#E782BF

RGB

rgb(231, 130, 191)

HSL

hsl(324, 68%, 71%)

CMYK

cmyk(0%, 44%, 17%, 9%)

HSV

hsv(324, 44%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DD83E7 #E783BF #E7838D

Triadic

#E783BF #BFE783 #83BFE7

Split Complementary

#E783BF #8DE783 #83E7DD

Tetradic (Square)

#E783BF #E7DD83 #83E7AB #838DE7

Complementary

#E782BF #83E7AB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.52:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.34:1

Pass - WCAG AA (Normal Text)

Pass - 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: #E782BF;

color: #E782BF;

border-color: #E782BF;

}

Tailwind CSS (with arbitrary values)

bg-[#E782BF]

text-[#E782BF]

border-[#E782BF]

// Example usage: