#49F8C2

#49F8C2

Color Values

HEX

#49F8C2

RGB

73, 248, 194

HSL

161.5, 92.6%, 62.9%

HSV

161.5, 70.6%, 97.3%

CMYK

70.6%, 0.0%, 21.8%, 2.7%

OKLCH

0.8782 0.16 167.7

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#49F8C2

#F8497F

Analogous

#49F86A

#49D6F8

#49F8C2

Triadic

#49F8C2

#C249F8

#F8C249

Split Complementary

#49F8C2

#F849D6

#F86A49

Tetradic

#49F8C2

#6A49F8

#F8497F

#D6F849

Color Blindness Simulation

Original

#49F8C2

Protanopia

#9596CF

Deuteranopia

#8B7DD2

Tritanopia

#52D9DC

Achromatopsia

#CFCFCF

CSS Usage

background-color: #49F8C2;
color: #49F8C2;
border-color: #49F8C2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFCE8
300
#89FAD8
400
#49F8C2
500
#09F6AD
600
#08C48A
700
#069D6F
800
#057B56
900
#085940
950
#053828

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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