Hex Color #EB989F - Custom Color

Color Codes

HEX

#EB989F

RGB

rgb(235, 152, 159)

HSL

hsl(355, 67%, 76%)

CMYK

cmyk(0%, 35%, 32%, 8%)

HSV

hsv(355, 35%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EB99C9 #EB99A0 #EBBB99

Triadic

#EB99A0 #A0EB99 #99A0EB

Split Complementary

#EB99A0 #99EBBB #99C9EB

Tetradic (Square)

#EB99A0 #C9EB99 #99EBE4 #BB99EB

Complementary

#EB989F #99EBE4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.52: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: #EB989F;

color: #EB989F;

border-color: #EB989F;

}

Tailwind CSS (with arbitrary values)

bg-[#EB989F]

text-[#EB989F]

border-[#EB989F]

// Example usage: