#03706F

#03706F

Color Values

HEX

#03706F

RGB

3, 112, 111

HSL

179.4, 94.8%, 22.5%

HSV

179.4, 97.3%, 43.9%

CMYK

97.3%, 0.0%, 0.9%, 56.1%

OKLCH

0.4935 0.0837 193.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#03706F

#700304

Analogous

#037038

#033A70

#03706F

Triadic

#03706F

#6F0370

#706F03

Split Complementary

#03706F

#70033A

#703803

Tetradic

#03706F

#380370

#700304

#3A7003

Color Blindness Simulation

Original

#03706F

Protanopia

#32336F

Deuteranopia

#2C246F

Tritanopia

#086F6F

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DFFCFB
200
#B9FDFC
300
#88FCFB
400
#47FAF8
500
#07F8F6
600
#05C7C5
700
#049F9D
800
#037C7B
900
#075A59
950
#043938

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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