Hex Color #859521 - Custom Color

Color Codes

HEX

#859521

RGB

rgb(133, 149, 33)

HSL

hsl(68, 64%, 36%)

CMYK

cmyk(11%, 0%, 78%, 42%)

HSV

hsv(68, 78%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#976B21 #879721 #4C9721

Triadic

#879721 #218797 #972187

Split Complementary

#879721 #214C97 #6B2197

Tetradic (Square)

#879721 #21976B #312197 #97214C

Complementary

#859521 #312197

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.32:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.32: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: #859521;

color: #859521;

border-color: #859521;

}

Tailwind CSS (with arbitrary values)

bg-[#859521]

text-[#859521]

border-[#859521]

// Example usage: