#50DF9D

#50DF9D

Color Values

HEX

#50DF9D

RGB

80, 223, 157

HSL

152.3, 69.1%, 59.4%

HSV

152.3, 64.1%, 87.5%

CMYK

64.1%, 0.0%, 29.6%, 12.5%

OKLCH

0.8101 0.1553 159.6

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#50DF9D

#DF5092

Analogous

#50DF55

#50DADF

#50DF9D

Triadic

#50DF9D

#9D50DF

#DF9D50

Split Complementary

#50DF9D

#DF50DA

#DF5550

Tetradic

#50DF9D

#5550DF

#DF5092

#DADF50

Color Blindness Simulation

Original

#50DF9D

Protanopia

#8E8FAD

Deuteranopia

#867BB1

Tritanopia

#57BABC

Achromatopsia

#BCBCBC

CSS Usage

background-color: #50DF9D;
color: #50DF9D;
border-color: #50DF9D;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF8
100
#E3F8EE
200
#C3F4DD
300
#98ECC5
400
#5FE2A6
500
#27D886
600
#20AC6B
700
#198A56
800
#146C43
900
#124F33
950
#0C3220

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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