#58C666

#58C666

Color Values

HEX

#58C666

RGB

88, 198, 102

HSL

127.6, 49.1%, 56.1%

HSV

127.6, 55.6%, 77.6%

CMYK

55.6%, 0.0%, 48.5%, 22.4%

OKLCH

0.7398 0.1681 146.1

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#58C666

#C658B8

Analogous

#81C658

#58C69D

#58C666

Triadic

#58C666

#6658C6

#C66658

Split Complementary

#58C666

#9D58C6

#C65881

Tetradic

#58C666

#5881C6

#C658B8

#C69D58

Color Blindness Simulation

Original

#58C666

Protanopia

#88897D

Deuteranopia

#817983

Tritanopia

#5E9094

Achromatopsia

#A8A8A8

CSS Usage

background-color: #58C666;
color: #58C666;
border-color: #58C666;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FBF5
100
#E6F5E8
200
#CAEDCE
300
#A4E0AB
400
#72CF7E
500
#41BE51
600
#349841
700
#2A7A34
800
#205F28
900
#1B4620
950
#112C15

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.68:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026