#037470

#037470

Color Values

HEX

#037470

RGB

3, 116, 112

HSL

177.9, 95.0%, 23.3%

HSV

177.9, 97.4%, 45.5%

CMYK

97.4%, 0.0%, 3.4%, 54.5%

OKLCH

0.5049 0.0864 190.6

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#037470

#740307

Analogous

#037437

#033F74

#037470

Triadic

#037470

#700374

#747003

Split Complementary

#037470

#74033F

#743703

Tetradic

#037470

#370374

#740307

#3F7403

Color Blindness Simulation

Original

#037470

Protanopia

#343571

Deuteranopia

#2D2571

Tritanopia

#097272

Achromatopsia

#5C5C5C

CSS Usage

background-color: #037470;
color: #037470;
border-color: #037470;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FEFD
100
#DFFCFB
200
#B9FDFB
300
#88FCF8
400
#47FAF4
500
#06F9F0
600
#05C7C0
700
#049F9A
800
#037C78
900
#075A57
950
#043937

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.74:1

AA Fail 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