#49F896

#49F896

Color Values

HEX

#49F896

RGB

73, 248, 150

HSL

146.4, 92.6%, 62.9%

HSV

146.4, 70.6%, 97.3%

CMYK

70.6%, 0.0%, 39.5%, 2.7%

OKLCH

0.8688 0.1959 153.9

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#49F896

#F849AB

Analogous

#53F849

#49F8ED

#49F896

Triadic

#49F896

#9649F8

#F89649

Split Complementary

#49F896

#ED49F8

#F84953

Tetradic

#49F896

#4953F8

#F849AB

#F8ED49

Color Blindness Simulation

Original

#49F896

Protanopia

#9596AE

Deuteranopia

#8B7DB3

Tritanopia

#52C0C5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEB
200
#BAFCD7
300
#89FABB
400
#49F896
500
#09F671
600
#08C45B
700
#069D49
800
#057B39
900
#08592C
950
#05381C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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