Hex Color #E9999C - Custom Color

Color Codes

HEX

#E9999C

RGB

rgb(233, 153, 156)

HSL

hsl(358, 65%, 76%)

CMYK

cmyk(0%, 34%, 33%, 9%)

HSV

hsv(358, 34%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EA9AC4 #EA9A9D #EABF9A

Triadic

#EA9A9D #9DEA9A #9A9DEA

Split Complementary

#EA9A9D #9AEABF #9AC4EA

Tetradic (Square)

#EA9A9D #C4EA9A #9AEAE7 #BF9AEA

Complementary

#E9999C #9AEAE7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.50: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: #E9999C;

color: #E9999C;

border-color: #E9999C;

}

Tailwind CSS (with arbitrary values)

bg-[#E9999C]

text-[#E9999C]

border-[#E9999C]

// Example usage: