#049F65

#049F65

Color Values

HEX

#049F65

RGB

4, 159, 101

HSL

157.5, 95.1%, 32.0%

HSV

157.5, 97.5%, 62.4%

CMYK

97.5%, 0.0%, 36.5%, 37.6%

OKLCH

0.6195 0.1425 158.7

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#049F65

#9F043E

Analogous

#049F17

#048C9F

#049F65

Triadic

#049F65

#65049F

#9F6504

Split Complementary

#049F65

#9F048C

#9F1704

Tetradic

#049F65

#17049F

#9F043E

#8C9F04

Color Blindness Simulation

Original

#049F65

Protanopia

#474873

Deuteranopia

#3E3276

Tritanopia

#0C7E81

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DFFCF1
200
#B9FDE4
300
#88FCD0
400
#47FAB7
500
#06F99E
600
#05C77E
700
#049F65
800
#037C4F
900
#075A3B
950
#043925

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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