Hex Color #E2949A - Custom Color

Color Codes

HEX

#E2949A

RGB

rgb(226, 148, 154)

HSL

hsl(355, 57%, 73%)

CMYK

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

HSV

hsv(355, 35%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E193C1 #E19399 #E1B493

Triadic

#E19399 #99E193 #9399E1

Split Complementary

#E19399 #93E1B4 #93C1E1

Tetradic (Square)

#E19399 #C1E193 #93E1DB #B493E1

Complementary

#E2949A #93E1DB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.35:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.94: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: #E2949A;

color: #E2949A;

border-color: #E2949A;

}

Tailwind CSS (with arbitrary values)

bg-[#E2949A]

text-[#E2949A]

border-[#E2949A]

// Example usage: