#5DF8A3

#5DF8A3

Color Values

HEX

#5DF8A3

RGB

93, 248, 163

HSL

147.1, 91.7%, 66.9%

HSV

147.1, 62.5%, 97.3%

CMYK

62.5%, 0.0%, 34.3%, 2.7%

OKLCH

0.8761 0.1773 155.7

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5DF8A3

#F85DB2

Analogous

#65F85D

#5DF8F1

#5DF8A3

Triadic

#5DF8A3

#A35DF8

#F8A35D

Split Complementary

#5DF8A3

#F15DF8

#F85D65

Tetradic

#5DF8A3

#5D65F8

#F85DB2

#F8F15D

Color Blindness Simulation

Original

#5DF8A3

Protanopia

#A0A1B8

Deuteranopia

#978CBC

Tritanopia

#65C8CB

Achromatopsia

#D1D1D1

CSS Usage

background-color: #5DF8A3;
color: #5DF8A3;
border-color: #5DF8A3;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BBFCD8
300
#8AFABC
400
#4AF798
500
#0BF474
600
#08C45D
700
#079C4A
800
#057A3A
900
#08582D
950
#05381C

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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