#58DFAB

#58DFAB

Color Values

HEX

#58DFAB

RGB

88, 223, 171

HSL

156.9, 67.8%, 61.0%

HSV

156.9, 60.5%, 87.5%

CMYK

60.5%, 0.0%, 23.3%, 12.5%

OKLCH

0.8157 0.1403 164.4

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#58DFAB

#DF588C

Analogous

#58DF68

#58CFDF

#58DFAB

Triadic

#58DFAB

#AB58DF

#DFAB58

Split Complementary

#58DFAB

#DF58CF

#DF6858

Tetradic

#58DFAB

#6858DF

#DF588C

#CFDF58

Color Blindness Simulation

Original

#58DFAB

Protanopia

#9294B8

Deuteranopia

#8B80BB

Tritanopia

#5FC2C4

Achromatopsia

#BFBFBF

CSS Usage

background-color: #58DFAB;
color: #58DFAB;
border-color: #58DFAB;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E3F7F0
200
#C3F4E1
300
#98EBCB
400
#61E1AF
500
#29D693
600
#21AB76
700
#1A895E
800
#156B4A
900
#134E37
950
#0C3123

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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