#58CB66

#58CB66

Color Values

HEX

#58CB66

RGB

88, 203, 102

HSL

127.3, 52.5%, 57.1%

HSV

127.3, 56.7%, 79.6%

CMYK

56.7%, 0.0%, 49.8%, 20.4%

OKLCH

0.7524 0.1749 145.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#58CB66

#CB58BD

Analogous

#84CB58

#58CBA0

#58CB66

Triadic

#58CB66

#6658CB

#CB6658

Split Complementary

#58CB66

#A058CB

#CB5884

Tetradic

#58CB66

#5884CB

#CB58BD

#CBA058

Color Blindness Simulation

Original

#58CB66

Protanopia

#8A8B7E

Deuteranopia

#837A84

Tritanopia

#5E9296

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F5E7
200
#C9EECD
300
#A2E2A9
400
#6FD27B
500
#3DC24D
600
#309C3D
700
#277C31
800
#1E6126
900
#1A471F
950
#102D14

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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