#49F9C2

#49F9C2

Color Values

HEX

#49F9C2

RGB

73, 249, 194

HSL

161.2, 93.6%, 63.1%

HSV

161.2, 70.7%, 97.6%

CMYK

70.7%, 0.0%, 22.1%, 2.4%

OKLCH

0.8806 0.1612 167.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#49F9C2

#F94980

Analogous

#49F96A

#49D8F9

#49F9C2

Triadic

#49F9C2

#C249F9

#F9C249

Split Complementary

#49F9C2

#F949D8

#F96A49

Tetradic

#49F9C2

#6A49F9

#F94980

#D8F949

Color Blindness Simulation

Original

#49F9C2

Protanopia

#9597CF

Deuteranopia

#8B7ED2

Tritanopia

#52DADC

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF2
200
#BAFDE8
300
#89FBD7
400
#48F9C2
500
#08F7AC
600
#07C58A
700
#059E6E
800
#047B56
900
#085940
950
#053828

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026