Hex Color #8B9B62 - Custom Color

Color Codes

HEX

#8B9B62

RGB

rgb(139, 155, 98)

HSL

hsl(77, 23%, 50%)

CMYK

cmyk(10%, 0%, 37%, 39%)

HSV

hsv(77, 37%, 61%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9D9062 #8C9D62 #6F9D62

Triadic

#8C9D62 #628C9D #9D628C

Split Complementary

#8C9D62 #626F9D #90629D

Tetradic (Square)

#8C9D62 #629D90 #73629D #9D626F

Complementary

#8B9B62 #73629D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.02:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.96: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: #8B9B62;

color: #8B9B62;

border-color: #8B9B62;

}

Tailwind CSS (with arbitrary values)

bg-[#8B9B62]

text-[#8B9B62]

border-[#8B9B62]

// Example usage: