#037472

#037472

Color Values

HEX

#037472

RGB

3, 116, 114

HSL

178.9, 95.0%, 23.3%

HSV

178.9, 97.4%, 45.5%

CMYK

97.4%, 0.0%, 1.7%, 54.5%

OKLCH

0.5056 0.086 192.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#037472

#740305

Analogous

#037439

#033D74

#037472

Triadic

#037472

#720374

#747203

Split Complementary

#037472

#74033D

#743903

Tetradic

#037472

#390374

#740305

#3D7403

Color Blindness Simulation

Original

#037472

Protanopia

#343572

Deuteranopia

#2D2573

Tritanopia

#097373

Achromatopsia

#5C5C5C

CSS Usage

background-color: #037472;
color: #037472;
border-color: #037472;
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.61:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026