#58DF69

#58DF69

Color Values

HEX

#58DF69

RGB

88, 223, 105

HSL

127.6, 67.8%, 61.0%

HSV

127.6, 60.5%, 87.5%

CMYK

60.5%, 0.0%, 52.9%, 12.5%

OKLCH

0.8032 0.1983 145.7

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#58DF69

#DF58CE

Analogous

#8ADF58

#58DFAD

#58DF69

Triadic

#58DF69

#6958DF

#DF6958

Split Complementary

#58DF69

#AD58DF

#DF588A

Tetradic

#58DF69

#588ADF

#DF58CE

#DFAD58

Color Blindness Simulation

Original

#58DF69

Protanopia

#929486

Deuteranopia

#8B808C

Tritanopia

#5F9CA1

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E5
200
#C3F4C9
300
#98EBA3
400
#61E171
500
#29D63F
600
#21AB32
700
#1A8928
800
#156B1F
900
#134E1A
950
#0C3111

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026