Hex Color #811B56 - Custom Color

Color Codes

HEX

#811B56

RGB

rgb(129, 27, 86)

HSL

hsl(325, 65%, 31%)

CMYK

cmyk(0%, 79%, 33%, 49%)

HSV

hsv(325, 79%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7A1C82 #821C58 #821C24

Triadic

#821C58 #58821C #1C5882

Split Complementary

#821C58 #24821C #1C827A

Tetradic (Square)

#821C58 #827A1C #1C8246 #1C2482

Complementary

#811B56 #1C8246

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.44:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.22: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: #811B56;

color: #811B56;

border-color: #811B56;

}

Tailwind CSS (with arbitrary values)

bg-[#811B56]

text-[#811B56]

border-[#811B56]

// Example usage: