#58CB5F

#58CB5F

Color Values

HEX

#58CB5F

RGB

88, 203, 95

HSL

123.7, 52.5%, 57.1%

HSV

123.7, 56.7%, 79.6%

CMYK

56.7%, 0.0%, 53.2%, 20.4%

OKLCH

0.7514 0.1811 144.6

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#58CB5F

#CB58C4

Analogous

#8BCB58

#58CB99

#58CB5F

Triadic

#58CB5F

#5F58CB

#CB5F58

Split Complementary

#58CB5F

#9958CB

#CB588B

Tetradic

#58CB5F

#588BCB

#CB58C4

#CB9958

Color Blindness Simulation

Original

#58CB5F

Protanopia

#8A8B79

Deuteranopia

#837A7F

Tritanopia

#5E8E92

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F5E6
200
#C9EECB
300
#A2E2A6
400
#6FD275
500
#3DC245
600
#309C37
700
#277C2C
800
#1E6122
900
#1A471C
950
#102D12

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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