Hex Color #935036 - Custom Color

Color Codes

HEX

#935036

RGB

rgb(147, 80, 54)

HSL

hsl(17, 46%, 39%)

CMYK

cmyk(0%, 46%, 63%, 42%)

HSV

hsv(17, 63%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#91364A #915036 #917D36

Triadic

#915036 #369150 #503691

Split Complementary

#915036 #36917D #364A91

Tetradic (Square)

#915036 #4A9136 #367791 #7D3691

Complementary

#935036 #367791

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.10:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.44: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: #935036;

color: #935036;

border-color: #935036;

}

Tailwind CSS (with arbitrary values)

bg-[#935036]

text-[#935036]

border-[#935036]

// Example usage: