Hex Color #968127 - Custom Color

Color Codes

HEX

#968127

RGB

rgb(150, 129, 39)

HSL

hsl(49, 59%, 37%)

CMYK

cmyk(0%, 14%, 74%, 41%)

HSV

hsv(49, 74%, 59%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#964A27 #968227 #739627

Triadic

#968227 #279682 #822796

Split Complementary

#968227 #277396 #4A2796

Tetradic (Square)

#968227 #27964A #273B96 #962773

Complementary

#968127 #273B96

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.84:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.47: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: #968127;

color: #968127;

border-color: #968127;

}

Tailwind CSS (with arbitrary values)

bg-[#968127]

text-[#968127]

border-[#968127]

// Example usage: