Hex Color #813B24 - Custom Color

Color Codes

HEX

#813B24

RGB

rgb(129, 59, 36)

HSL

hsl(15, 56%, 32%)

CMYK

cmyk(0%, 54%, 72%, 49%)

HSV

hsv(15, 72%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7F243B #7F3B24 #7F6824

Triadic

#7F3B24 #247F3B #3B247F

Split Complementary

#7F3B24 #247F68 #243B7F

Tetradic (Square)

#7F3B24 #3B7F24 #24687F #68247F

Complementary

#813B24 #24687F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.13:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.58: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: #813B24;

color: #813B24;

border-color: #813B24;

}

Tailwind CSS (with arbitrary values)

bg-[#813B24]

text-[#813B24]

border-[#813B24]

// Example usage: