#037573

#037573

Color Values

HEX

#037573

RGB

3, 117, 115

HSL

178.9, 95.0%, 23.5%

HSV

178.9, 97.4%, 45.9%

CMYK

97.4%, 0.0%, 1.7%, 54.1%

OKLCH

0.5087 0.0866 192.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#037573

#750305

Analogous

#03753A

#033E75

#037573

Triadic

#037573

#730375

#757303

Split Complementary

#037573

#75033E

#753A03

Tetradic

#037573

#3A0375

#750305

#3E7503

Color Blindness Simulation

Original

#037573

Protanopia

#343573

Deuteranopia

#2E2574

Tritanopia

#097474

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DFFCFB
200
#B9FDFC
300
#88FCFA
400
#47FAF7
500
#06F9F4
600
#05C7C3
700
#049F9C
800
#037C7A
900
#075A58
950
#043938

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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