#50DF48

#50DF48

Color Values

HEX

#50DF48

RGB

80, 223, 72

HSL

116.8, 70.2%, 57.8%

HSV

116.8, 67.7%, 87.5%

CMYK

64.1%, 0.0%, 67.7%, 12.5%

OKLCH

0.7973 0.2263 142.4

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#50DF48

#D748DF

Analogous

#9BDF48

#48DF8B

#50DF48

Triadic

#50DF48

#4850DF

#DF4850

Split Complementary

#50DF48

#8B48DF

#DF489B

Tetradic

#50DF48

#489BDF

#D748DF

#DF8B48

Color Blindness Simulation

Original

#50DF48

Protanopia

#8E8F6C

Deuteranopia

#867B75

Tritanopia

#578990

Achromatopsia

#B6B6B6

CSS Usage

background-color: #50DF48;
color: #50DF48;
border-color: #50DF48;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E4F8E2
200
#C5F4C2
300
#9BED97
400
#65E35E
500
#30D926
600
#26AE1E
700
#1E8B18
800
#186D13
900
#154F12
950
#0D320B

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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