#49F889

#49F889

Color Values

HEX

#49F889

RGB

73, 248, 137

HSL

141.9, 92.6%, 62.9%

HSV

141.9, 70.6%, 97.3%

CMYK

70.6%, 0.0%, 44.8%, 2.7%

OKLCH

0.8666 0.2073 151.1

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#49F889

#F849B8

Analogous

#60F849

#49F8E0

#49F889

Triadic

#49F889

#8949F8

#F88949

Split Complementary

#49F889

#E049F8

#F84960

Tetradic

#49F889

#4960F8

#F849B8

#F8E049

Color Blindness Simulation

Original

#49F889

Protanopia

#9596A4

Deuteranopia

#8B7DAA

Tritanopia

#52B9BE

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBE9
200
#BAFCD2
300
#89FAB2
400
#49F889
500
#09F660
600
#08C44C
700
#069D3D
800
#057B30
900
#085926
950
#053818

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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