Hex Color #817942 - Custom Color

Color Codes

HEX

#817942

RGB

rgb(129, 121, 66)

HSL

hsl(52, 32%, 38%)

CMYK

cmyk(0%, 6%, 49%, 49%)

HSV

hsv(52, 49%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#805942 #807842 #698042

Triadic

#807842 #428078 #784280

Split Complementary

#807842 #426980 #594280

Tetradic (Square)

#807842 #428059 #424A80 #804269

Complementary

#817942 #424A80

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.42:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.75: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: #817942;

color: #817942;

border-color: #817942;

}

Tailwind CSS (with arbitrary values)

bg-[#817942]

text-[#817942]

border-[#817942]

// Example usage: