Hex Color #58EA17 - Custom Color

Color Codes

HEX

#58EA17

RGB

rgb(88, 234, 23)

HSL

hsl(102, 83%, 50%)

CMYK

cmyk(62%, 0%, 90%, 8%)

HSV

hsv(102, 90%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BFE916 #55E916 #16E940

Triadic

#55E916 #1655E9 #E91655

Split Complementary

#55E916 #4016E9 #E916BF

Tetradic (Square)

#55E916 #16BFE9 #AA16E9 #E94016

Complementary

#58EA17 #AA16E9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.59:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.20: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: #58EA17;

color: #58EA17;

border-color: #58EA17;

}

Tailwind CSS (with arbitrary values)

bg-[#58EA17]

text-[#58EA17]

border-[#58EA17]

// Example usage: