Hex Color #968E53 - Custom Color

Color Codes

HEX

#968E53

RGB

rgb(150, 142, 83)

HSL

hsl(53, 29%, 46%)

CMYK

cmyk(0%, 5%, 45%, 41%)

HSV

hsv(53, 45%, 59%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#976D53 #978F53 #7D9753

Triadic

#978F53 #53978F #8F5397

Split Complementary

#978F53 #537D97 #6D5397

Tetradic (Square)

#978F53 #53976D #535B97 #97537D

Complementary

#968E53 #535B97

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.34:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.29:1

Pass - 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: #968E53;

color: #968E53;

border-color: #968E53;

}

Tailwind CSS (with arbitrary values)

bg-[#968E53]

text-[#968E53]

border-[#968E53]

// Example usage: