Hex Color #996FB7 - Custom Color

Color Codes

HEX

#996FB7

RGB

rgb(153, 111, 183)

HSL

hsl(275, 33%, 58%)

CMYK

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

HSV

hsv(275, 39%, 72%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7671B7 #9A71B7 #B771B1

Triadic

#9A71B7 #B79A71 #71B79A

Split Complementary

#9A71B7 #B1B771 #71B776

Tetradic (Square)

#9A71B7 #B77671 #8EB771 #71B1B7

Complementary

#996FB7 #8EB771

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.95:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.31: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: #996FB7;

color: #996FB7;

border-color: #996FB7;

}

Tailwind CSS (with arbitrary values)

bg-[#996FB7]

text-[#996FB7]

border-[#996FB7]

// Example usage: