#58EB96

#58EB96

Color Values

HEX

#58EB96

RGB

88, 235, 150

HSL

145,3, 78,6%, 63,3%

HSV

145,3, 62,6%, 92,2%

CMYK

62,6%, 0,0%, 36,2%, 7,8%

OKLCH

0,8405 0,1739 154,4

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#58EB96

#EB58AD

Analogous

#63EB58

#58EBDF

#58EB96

Triadic

#58EB96

#9658EB

#EB9658

Split Complementary

#58EB96

#DF58EB

#EB5863

Tetradic

#58EB96

#5863EB

#EB58AD

#EBDF58

Color Blindness Simulation

Original

#58EB96

Protanopia

#9899AB

Deuteranopia

#8F84B0

Tritanopia

#5FBBBE

Achromatopsia

#C6C6C6

CSS Usage

background-color: #58EB96;
color: #58EB96;
border-color: #58EB96;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FCF7
100
#E1F9EB
200
#BFF7D7
300
#92F2BA
400
#56EB95
500
#1BE470
600
#16B659
700
#119248
800
#0E7238
900
#0E532B
950
#09341B

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,74: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