Hex Color #86774F - Custom Color

Color Codes

HEX

#86774F

RGB

rgb(134, 119, 79)

HSL

hsl(44, 26%, 42%)

CMYK

cmyk(0%, 11%, 41%, 47%)

HSV

hsv(44, 41%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#875C4F #87784F #7A874F

Triadic

#87784F #4F8778 #784F87

Split Complementary

#87784F #4F7A87 #5C4F87

Tetradic (Square)

#87784F #4F875C #4F5E87 #874F7A

Complementary

#86774F #4F5E87

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.41:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.77:1

Pass - 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: #86774F;

color: #86774F;

border-color: #86774F;

}

Tailwind CSS (with arbitrary values)

bg-[#86774F]

text-[#86774F]

border-[#86774F]

// Example usage: