Hex Color #535331 - Custom Color

Color Codes

HEX

#535331

RGB

rgb(83, 83, 49)

HSL

hsl(60, 26%, 26%)

CMYK

cmyk(0%, 0%, 41%, 67%)

HSV

hsv(60, 41%, 33%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#544231 #545431 #425431

Triadic

#545431 #315454 #543154

Split Complementary

#545431 #314254 #423154

Tetradic (Square)

#545431 #315442 #313154 #543142

Complementary

#535331 #313154

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.93:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.65: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: #535331;

color: #535331;

border-color: #535331;

}

Tailwind CSS (with arbitrary values)

bg-[#535331]

text-[#535331]

border-[#535331]

// Example usage: