Hex Color #EEACB5 - Custom Color

Color Codes

HEX

#EEACB5

RGB

rgb(238, 172, 181)

HSL

hsl(352, 66%, 80%)

CMYK

cmyk(0%, 28%, 24%, 7%)

HSV

hsv(352, 28%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EEAAD5 #EEAAB3 #EEC3AA

Triadic

#EEAAB3 #B3EEAA #AAB3EE

Split Complementary

#EEAAB3 #AAEEC3 #AAD5EE

Tetradic (Square)

#EEAAB3 #D5EEAA #AAEEE5 #C3AAEE

Complementary

#EEACB5 #AAEEE5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.87:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.20:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #EEACB5;

color: #EEACB5;

border-color: #EEACB5;

}

Tailwind CSS (with arbitrary values)

bg-[#EEACB5]

text-[#EEACB5]

border-[#EEACB5]

// Example usage: