Hex Color #8AE671 - Custom Color

Color Codes

HEX

#8AE671

RGB

rgb(138, 230, 113)

HSL

hsl(107, 70%, 67%)

CMYK

cmyk(40%, 0%, 51%, 10%)

HSV

hsv(107, 51%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C4E670 #89E670 #70E691

Triadic

#89E670 #7089E6 #E67089

Split Complementary

#89E670 #9170E6 #E670C4

Tetradic (Square)

#89E670 #70C4E6 #CC70E6 #E69170

Complementary

#8AE671 #CC70E6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.54:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.64:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #8AE671;

color: #8AE671;

border-color: #8AE671;

}

Tailwind CSS (with arbitrary values)

bg-[#8AE671]

text-[#8AE671]

border-[#8AE671]

// Example usage: