#58F551

#58F551

Color Values

HEX

#58F551

RGB

88, 245, 81

HSL

117.4, 89.1%, 63.9%

HSV

117.4, 66.9%, 96.1%

CMYK

64.1%, 0.0%, 66.9%, 3.9%

OKLCH

0.8558 0.2426 142.5

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#58F551

#EE51F5

Analogous

#AAF551

#51F59C

#58F551

Triadic

#58F551

#5158F5

#F55158

Split Complementary

#58F551

#9C51F5

#F551AA

Tetradic

#58F551

#51AAF5

#EE51F5

#F59C51

Color Blindness Simulation

Original

#58F551

Protanopia

#9C9D79

Deuteranopia

#938782

Tritanopia

#60989F

Achromatopsia

#C8C8C8

CSS Usage

background-color: #58F551;
color: #58F551;
border-color: #58F551;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF2
100
#E1FBE0
200
#BEFBBB
300
#90F88B
400
#54F54D
500
#18F10E
600
#13C10B
700
#0F9A09
800
#0C7907
900
#0D570A
950
#083706

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026