#049F63

#049F63

Color Values

HEX

#049F63

RGB

4, 159, 99

HSL

156.8, 95.1%, 32.0%

HSV

156.8, 97.5%, 62.4%

CMYK

97.5%, 0.0%, 37.7%, 37.6%

OKLCH

0.619 0.1443 157.9

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#049F63

#9F0440

Analogous

#049F16

#048E9F

#049F63

Triadic

#049F63

#63049F

#9F6304

Split Complementary

#049F63

#9F048E

#9F1604

Tetradic

#049F63

#16049F

#9F0440

#8E9F04

Color Blindness Simulation

Original

#049F63

Protanopia

#474872

Deuteranopia

#3E3275

Tritanopia

#0C7D80

Achromatopsia

#7A7A7A

CSS Usage

background-color: #049F63;
color: #049F63;
border-color: #049F63;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEF9
100
#DFFCF0
200
#B9FDE3
300
#88FCCF
400
#47FAB5
500
#06F99B
600
#05C77C
700
#049F63
800
#037C4D
900
#075A3A
950
#043925

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

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