Hex Color #873980 - Custom Color

Color Codes

HEX

#873980

RGB

rgb(135, 57, 128)

HSL

hsl(305, 41%, 38%)

CMYK

cmyk(0%, 58%, 5%, 47%)

HSV

hsv(305, 58%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#683989 #893982 #89395A

Triadic

#893982 #828939 #398289

Split Complementary

#893982 #5A8939 #398968

Tetradic (Square)

#893982 #896839 #398940 #395A89

Complementary

#873980 #398940

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.17:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.93: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: #873980;

color: #873980;

border-color: #873980;

}

Tailwind CSS (with arbitrary values)

bg-[#873980]

text-[#873980]

border-[#873980]

// Example usage: