Hex Color #831E42 - Custom Color

Color Codes

HEX

#831E42

RGB

rgb(131, 30, 66)

HSL

hsl(339, 63%, 32%)

CMYK

cmyk(0%, 77%, 50%, 49%)

HSV

hsv(339, 77%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#851E76 #851E42 #852E1E

Triadic

#851E42 #42851E #1E4285

Split Complementary

#851E42 #1E852E #1E7685

Tetradic (Square)

#851E42 #76851E #1E8561 #2E1E85

Complementary

#831E42 #1E8561

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.42:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.23: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: #831E42;

color: #831E42;

border-color: #831E42;

}

Tailwind CSS (with arbitrary values)

bg-[#831E42]

text-[#831E42]

border-[#831E42]

// Example usage: