Hex Color #825520 - Custom Color

Color Codes

HEX

#825520

RGB

rgb(130, 85, 32)

HSL

hsl(32, 60%, 32%)

CMYK

cmyk(0%, 35%, 75%, 49%)

HSV

hsv(32, 75%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#832421 #835521 #7F8321

Triadic

#835521 #218355 #552183

Split Complementary

#835521 #217F83 #242183

Tetradic (Square)

#835521 #218324 #214E83 #83217F

Complementary

#825520 #214E83

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.42:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.27: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: #825520;

color: #825520;

border-color: #825520;

}

Tailwind CSS (with arbitrary values)

bg-[#825520]

text-[#825520]

border-[#825520]

// Example usage: