Hex Color #8EBA32 - Custom Color

Color Codes

HEX

#8EBA32

RGB

rgb(142, 186, 50)

HSL

hsl(79, 58%, 46%)

CMYK

cmyk(24%, 0%, 73%, 27%)

HSV

hsv(79, 73%, 73%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B9A031 #8EB931 #4AB931

Triadic

#8EB931 #318EB9 #B9318E

Split Complementary

#8EB931 #314AB9 #A031B9

Tetradic (Square)

#8EB931 #31B9A0 #5C31B9 #B9314A

Complementary

#8EBA32 #5C31B9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.28:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.22:1

Pass - WCAG AA (Normal Text)

Pass - 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: #8EBA32;

color: #8EBA32;

border-color: #8EBA32;

}

Tailwind CSS (with arbitrary values)

bg-[#8EBA32]

text-[#8EBA32]

border-[#8EBA32]

// Example usage: