#49EC96

#49EC96

Color Values

HEX

#49EC96

RGB

73, 236, 150

HSL

148.3, 81.1%, 60.6%

HSV

148.3, 69.1%, 92.5%

CMYK

69.1%, 0.0%, 36.4%, 7.5%

OKLCH

0.8391 0.1808 155.6

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#49EC96

#EC499F

Analogous

#4EEC49

#49ECE7

#49EC96

Triadic

#49EC96

#9649EC

#EC9649

Split Complementary

#49EC96

#E749EC

#EC494E

Tetradic

#49EC96

#494EEC

#EC499F

#ECE749

Color Blindness Simulation

Original

#49EC96

Protanopia

#9091AB

Deuteranopia

#867AB0

Tritanopia

#51BBBF

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1F9EC
200
#BEF8DA
300
#90F3BF
400
#54ED9C
500
#18E77A
600
#13B961
700
#0F944E
800
#0C733D
900
#0D542E
950
#08351D

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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