#49F96C

#49F96C

Color Values

HEX

#49F96C

RGB

73, 249, 108

HSL

131.9, 93.6%, 63.1%

HSV

131.9, 70.7%, 97.6%

CMYK

70.7%, 0.0%, 56.6%, 2.4%

OKLCH

0.865 0.2326 146.4

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#49F96C

#F949D6

Analogous

#7EF949

#49F9C4

#49F96C

Triadic

#49F96C

#6C49F9

#F96C49

Split Complementary

#49F96C

#C449F9

#F9497E

Tetradic

#49F96C

#497EF9

#F949D6

#F9C449

Color Blindness Simulation

Original

#49F96C

Protanopia

#95978E

Deuteranopia

#8B7E96

Tritanopia

#52A9AF

Achromatopsia

#C9C9C9

CSS Usage

background-color: #49F96C;
color: #49F96C;
border-color: #49F96C;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF4
100
#DFFBE5
200
#BAFDC7
300
#89FB9F
400
#48F96B
500
#08F737
600
#07C52C
700
#059E24
800
#047B1C
900
#085918
950
#05380F

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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