#58FF56

#58FF56

Color Values

HEX

#58FF56

RGB

88, 255, 86

HSL

119.3, 100.0%, 66.9%

HSV

119.3, 66.3%, 100.0%

CMYK

65.5%, 0.0%, 66.3%, 0.0%

OKLCH

0.8812 0.2506 142.9

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#58FF56

#FD56FF

Analogous

#ADFF56

#56FFA9

#58FF56

Triadic

#58FF56

#5658FF

#FF5658

Split Complementary

#58FF56

#A956FF

#FF56AD

Tetradic

#58FF56

#56ADFF

#FD56FF

#FFA956

Color Blindness Simulation

Original

#58FF56

Protanopia

#A0A27F

Deuteranopia

#978A89

Tritanopia

#609FA6

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DEFCDE
200
#B8FFB8
300
#86FF85
400
#45FF42
500
#03FF00
600
#02CC00
700
#02A300
800
#018000
900
#065C05
950
#043A03

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.85: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