#58DFAC

#58DFAC

Color Values

HEX

#58DFAC

RGB

88, 223, 172

HSL

157.3, 67.8%, 61.0%

HSV

157.3, 60.5%, 87.5%

CMYK

60.5%, 0.0%, 22.9%, 12.5%

OKLCH

0.8159 0.1395 164.9

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#58DFAC

#DF588B

Analogous

#58DF69

#58CFDF

#58DFAC

Triadic

#58DFAC

#AC58DF

#DFAC58

Split Complementary

#58DFAC

#DF58CF

#DF6958

Tetradic

#58DFAC

#6958DF

#DF588B

#CFDF58

Color Blindness Simulation

Original

#58DFAC

Protanopia

#9294B8

Deuteranopia

#8B80BB

Tritanopia

#5FC2C4

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7F0
200
#C3F4E1
300
#98EBCC
400
#61E1B0
500
#29D695
600
#21AB77
700
#1A895F
800
#156B4A
900
#134E38
950
#0C3123

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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