Hex Color #537B62 - Custom Color

Color Codes

HEX

#537B62

RGB

rgb(83, 123, 98)

HSL

hsl(143, 19%, 40%)

CMYK

cmyk(33%, 0%, 20%, 52%)

HSV

hsv(143, 33%, 48%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#577953 #537961 #537975

Triadic

#537961 #615379 #796153

Split Complementary

#537961 #755379 #795357

Tetradic (Square)

#537961 #535779 #79536B #797553

Complementary

#537B62 #79536B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.80:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.38: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: #537B62;

color: #537B62;

border-color: #537B62;

}

Tailwind CSS (with arbitrary values)

bg-[#537B62]

text-[#537B62]

border-[#537B62]

// Example usage: