Hex Color #96586A - Custom Color

Color Codes

HEX

#96586A

RGB

rgb(150, 88, 106)

HSL

hsl(343, 26%, 47%)

CMYK

cmyk(0%, 41%, 29%, 41%)

HSV

hsv(343, 41%, 59%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#97598A #97596A #976659

Triadic

#97596A #6A9759 #596A97

Split Complementary

#97596A #599766 #598A97

Tetradic (Square)

#97596A #8A9759 #599785 #665997

Complementary

#96586A #599785

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.38:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.90:1

Fail - 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: #96586A;

color: #96586A;

border-color: #96586A;

}

Tailwind CSS (with arbitrary values)

bg-[#96586A]

text-[#96586A]

border-[#96586A]

// Example usage: