Hex Color #502215 - Custom Color

Color Codes

HEX

#502215

RGB

rgb(80, 34, 21)

HSL

hsl(13, 58%, 20%)

CMYK

cmyk(0%, 58%, 74%, 69%)

HSV

hsv(13, 74%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#511526 #512215 #514015

Triadic

#512215 #155122 #221551

Split Complementary

#512215 #155140 #152651

Tetradic (Square)

#512215 #265115 #154451 #401551

Complementary

#502215 #154451

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 13.28:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.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: #502215;

color: #502215;

border-color: #502215;

}

Tailwind CSS (with arbitrary values)

bg-[#502215]

text-[#502215]

border-[#502215]

// Example usage: