Hex Color #887BB4 - Custom Color

Color Codes

HEX

#887BB4

RGB

rgb(136, 123, 180)

HSL

hsl(254, 28%, 59%)

CMYK

cmyk(24%, 32%, 0%, 29%)

HSV

hsv(254, 32%, 71%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7989B4 #8779B4 #A479B4

Triadic

#8779B4 #B48779 #79B487

Split Complementary

#8779B4 #B4A479 #89B479

Tetradic (Square)

#8779B4 #B47989 #A6B479 #79B4A4

Complementary

#887BB4 #A6B479

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.79:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.54:1

Pass - WCAG AA (Normal Text)

Fail - 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: #887BB4;

color: #887BB4;

border-color: #887BB4;

}

Tailwind CSS (with arbitrary values)

bg-[#887BB4]

text-[#887BB4]

border-[#887BB4]

// Example usage: