Hex Color #53520C - Custom Color

Color Codes

HEX

#53520C

RGB

rgb(83, 82, 12)

HSL

hsl(59, 75%, 19%)

CMYK

cmyk(0%, 1%, 86%, 67%)

HSV

hsv(59, 86%, 33%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#552F0C #55540C #32550C

Triadic

#55540C #0C5554 #540C55

Split Complementary

#55540C #0C3255 #2F0C55

Tetradic (Square)

#55540C #0C552F #0C0D55 #550C32

Complementary

#53520C #0C0D55

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.14:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.58: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: #53520C;

color: #53520C;

border-color: #53520C;

}

Tailwind CSS (with arbitrary values)

bg-[#53520C]

text-[#53520C]

border-[#53520C]

// Example usage: