#4DDF50

#4DDF50

Color Values

HEX

#4DDF50

RGB

77, 223, 80

HSL

121.2, 69.5%, 58.8%

HSV

121.2, 65.5%, 87.5%

CMYK

65.5%, 0.0%, 64.1%, 12.5%

OKLCH

0.7972 0.222 143.4

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#4DDF50

#DF4DDC

Analogous

#93DF4D

#4DDF99

#4DDF50

Triadic

#4DDF50

#504DDF

#DF504D

Split Complementary

#4DDF50

#994DDF

#DF4D93

Tetradic

#4DDF50

#4D93DF

#DF4DDC

#DF994D

Color Blindness Simulation

Original

#4DDF50

Protanopia

#8C8D73

Deuteranopia

#84797B

Tritanopia

#548E94

Achromatopsia

#B6B6B6

CSS Usage

background-color: #4DDF50;
color: #4DDF50;
border-color: #4DDF50;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF3
100
#E3F8E3
200
#C2F4C3
300
#97EC99
400
#5FE262
500
#27D82A
600
#1FAD22
700
#198A1B
800
#136C15
900
#124F13
950
#0B320C

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