Hex Color #949721 - Custom Color

Color Codes

HEX

#949721

RGB

rgb(148, 151, 33)

HSL

hsl(62, 64%, 36%)

CMYK

cmyk(2%, 0%, 78%, 41%)

HSV

hsv(62, 78%, 59%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#976021 #939721 #589721

Triadic

#939721 #219397 #972193

Split Complementary

#939721 #215897 #602197

Tetradic (Square)

#939721 #219760 #252197 #972158

Complementary

#949721 #252197

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.13:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.71: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: #949721;

color: #949721;

border-color: #949721;

}

Tailwind CSS (with arbitrary values)

bg-[#949721]

text-[#949721]

border-[#949721]

// Example usage: