#49F9BA

#49F9BA

Color Values

HEX

#49F9BA

RGB

73, 249, 186

HSL

158.5, 93.6%, 63.1%

HSV

158.5, 70.7%, 97.6%

CMYK

70.7%, 0.0%, 25.3%, 2.4%

OKLCH

0.8787 0.1671 164.4

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#49F9BA

#F94988

Analogous

#49F962

#49E0F9

#49F9BA

Triadic

#49F9BA

#BA49F9

#F9BA49

Split Complementary

#49F9BA

#F949E0

#F96249

Tetradic

#49F9BA

#6249F9

#F94988

#E0F949

Color Blindness Simulation

Original

#49F9BA

Protanopia

#9597C9

Deuteranopia

#8B7ECD

Tritanopia

#52D5D8

Achromatopsia

#CFCFCF

CSS Usage

background-color: #49F9BA;
color: #49F9BA;
border-color: #49F9BA;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BAFDE5
300
#89FBD2
400
#48F9BA
500
#08F7A1
600
#07C581
700
#059E67
800
#047B51
900
#08593C
950
#053826

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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