Hex Color #513C25 - Custom Color

Color Codes

HEX

#513C25

RGB

rgb(81, 60, 37)

HSL

hsl(31, 37%, 23%)

CMYK

cmyk(0%, 26%, 54%, 68%)

HSV

hsv(31, 54%, 32%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#502625 #503B25 #505025

Triadic

#503B25 #25503B #3B2550

Split Complementary

#503B25 #255050 #262550

Tetradic (Square)

#503B25 #255026 #253A50 #502550

Complementary

#513C25 #253A50

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.38:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.02: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: #513C25;

color: #513C25;

border-color: #513C25;

}

Tailwind CSS (with arbitrary values)

bg-[#513C25]

text-[#513C25]

border-[#513C25]

// Example usage: