Hex Color #97E811 - Custom Color

Color Codes

HEX

#97E811

RGB

rgb(151, 232, 17)

HSL

hsl(83, 86%, 49%)

CMYK

cmyk(35%, 0%, 93%, 9%)

HSV

hsv(83, 93%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E8CF11 #96E811 #2BE811

Triadic

#96E811 #1196E8 #E81196

Split Complementary

#96E811 #112BE8 #CF11E8

Tetradic (Square)

#96E811 #11E8CF #6411E8 #E8112B

Complementary

#97E811 #6411E8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.51:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.87: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: #97E811;

color: #97E811;

border-color: #97E811;

}

Tailwind CSS (with arbitrary values)

bg-[#97E811]

text-[#97E811]

border-[#97E811]

// Example usage: