#49F86F

#49F86F

Color Values

HEX

#49F86F

RGB

73, 248, 111

HSL

133.0, 92.6%, 62.9%

HSV

133.0, 70.6%, 97.3%

CMYK

70.6%, 0.0%, 55.2%, 2.7%

OKLCH

0.8629 0.2291 146.8

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#49F86F

#F849D2

Analogous

#7AF849

#49F8C6

#49F86F

Triadic

#49F86F

#6F49F8

#F86F49

Split Complementary

#49F86F

#C649F8

#F8497A

Tetradic

#49F86F

#497AF8

#F849D2

#F8C649

Color Blindness Simulation

Original

#49F86F

Protanopia

#959690

Deuteranopia

#8B7D98

Tritanopia

#52AAB0

Achromatopsia

#C9C9C9

CSS Usage

background-color: #49F86F;
color: #49F86F;
border-color: #49F86F;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF4
100
#DFFBE5
200
#BAFCC9
300
#89FAA2
400
#49F86F
500
#09F63D
600
#08C430
700
#069D27
800
#057B1E
900
#08591A
950
#053810

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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