Hex Color #E7BBAB - Custom Color

Color Codes

HEX

#E7BBAB

RGB

rgb(231, 187, 171)

HSL

hsl(16, 56%, 79%)

CMYK

cmyk(0%, 19%, 26%, 9%)

HSV

hsv(16, 26%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E7ABB9 #E7BBAB #E7D9AB

Triadic

#E7BBAB #ABE7BB #BBABE7

Split Complementary

#E7BBAB #ABE7D9 #ABB9E7

Tetradic (Square)

#E7BBAB #B9E7AB #ABD7E7 #D9ABE7

Complementary

#E7BBAB #ABD7E7

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.74:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.09: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: #E7BBAB;

color: #E7BBAB;

border-color: #E7BBAB;

}

Tailwind CSS (with arbitrary values)

bg-[#E7BBAB]

text-[#E7BBAB]

border-[#E7BBAB]

// Example usage: