Hex Color #831443 - Custom Color

Color Codes

HEX

#831443

RGB

rgb(131, 20, 67)

HSL

hsl(335, 74%, 30%)

CMYK

cmyk(0%, 85%, 49%, 49%)

HSV

hsv(335, 85%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#85147C #851443 #851D14

Triadic

#851443 #438514 #144385

Split Complementary

#851443 #14851D #147C85

Tetradic (Square)

#851443 #7C8514 #148556 #1D1485

Complementary

#831443 #148556

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.78:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.15: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: #831443;

color: #831443;

border-color: #831443;

}

Tailwind CSS (with arbitrary values)

bg-[#831443]

text-[#831443]

border-[#831443]

// Example usage: