#5DE5AF

#5DE5AF

Color Values

HEX

#5DE5AF

RGB

93, 229, 175

HSL

156.2, 72.3%, 63.1%

HSV

156.2, 59.4%, 89.8%

CMYK

59.4%, 0.0%, 23.6%, 10.2%

OKLCH

0.8327 0.1425 163.9

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#5DE5AF

#E55D93

Analogous

#5DE56B

#5DD7E5

#5DE5AF

Triadic

#5DE5AF

#AF5DE5

#E5AF5D

Split Complementary

#5DE5AF

#E55DD7

#E56B5D

Tetradic

#5DE5AF

#6B5DE5

#E55D93

#D7E55D

Color Blindness Simulation

Original

#5DE5AF

Protanopia

#9899BC

Deuteranopia

#9086BF

Tritanopia

#64C6C9

Achromatopsia

#C4C4C4

CSS Usage

background-color: #5DE5AF;
color: #5DE5AF;
border-color: #5DE5AF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E2F8EF
200
#C1F5E1
300
#96EECB
400
#5CE5AF
500
#23DC93
600
#1CB075
700
#178D5E
800
#126E49
900
#115037
950
#0B3323

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.29:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026