Hex Color #875376 - Custom Color

Color Codes

HEX

#875376

RGB

rgb(135, 83, 118)

HSL

hsl(320, 24%, 43%)

CMYK

cmyk(0%, 39%, 13%, 47%)

HSV

hsv(320, 39%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7F5388 #885376 #88535C

Triadic

#885376 #768853 #537688

Split Complementary

#885376 #5C8853 #53887F

Tetradic (Square)

#885376 #887F53 #538865 #535C88

Complementary

#875376 #538865

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.95:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.53: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: #875376;

color: #875376;

border-color: #875376;

}

Tailwind CSS (with arbitrary values)

bg-[#875376]

text-[#875376]

border-[#875376]

// Example usage: