#049F85

#049F85

Color Values

HEX

#049F85

RGB

4, 159, 133

HSL

169.9, 95.1%, 32.0%

HSV

169.9, 97.5%, 62.4%

CMYK

97.5%, 0.0%, 16.4%, 37.6%

OKLCH

0.6277 0.1173 175.5

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#049F85

#9F041E

Analogous

#049F37

#046C9F

#049F85

Triadic

#049F85

#85049F

#9F8504

Split Complementary

#049F85

#9F046C

#9F3704

Tetradic

#049F85

#37049F

#9F041E

#6C9F04

Color Blindness Simulation

Original

#049F85

Protanopia

#47488B

Deuteranopia

#3E328D

Tritanopia

#0C9091

Achromatopsia

#7C7C7C

CSS Usage

background-color: #049F85;
color: #049F85;
border-color: #049F85;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFB
100
#DFFCF7
200
#B9FDF2
300
#88FCE8
400
#47FADC
500
#06F9D0
600
#05C7A6
700
#049F85
800
#037C68
900
#075A4C
950
#043930

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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