Hex Color #9C86B9 - Custom Color

Color Codes

HEX

#9C86B9

RGB

rgb(156, 134, 185)

HSL

hsl(266, 27%, 63%)

CMYK

cmyk(16%, 28%, 0%, 27%)

HSV

hsv(266, 28%, 73%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#878BBA #9D87BA #B787BA

Triadic

#9D87BA #BA9D87 #87BA9D

Split Complementary

#9D87BA #BAB787 #8BBA87

Tetradic (Square)

#9D87BA #BA878B #A4BA87 #87BAB7

Complementary

#9C86B9 #A4BA87

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.22:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.52: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: #9C86B9;

color: #9C86B9;

border-color: #9C86B9;

}

Tailwind CSS (with arbitrary values)

bg-[#9C86B9]

text-[#9C86B9]

border-[#9C86B9]

// Example usage: