Hex Color #8F4940 - Custom Color

Color Codes

HEX

#8F4940

RGB

rgb(143, 73, 64)

HSL

hsl(7, 38%, 41%)

CMYK

cmyk(0%, 49%, 55%, 44%)

HSV

hsv(7, 55%, 56%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#90415F #904A41 #907241

Triadic

#904A41 #41904A #4A4190

Split Complementary

#904A41 #419072 #415F90

Tetradic (Square)

#904A41 #5F9041 #418790 #724190

Complementary

#8F4940 #418790

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.57:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.19: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: #8F4940;

color: #8F4940;

border-color: #8F4940;

}

Tailwind CSS (with arbitrary values)

bg-[#8F4940]

text-[#8F4940]

border-[#8F4940]

// Example usage: