#037266

#037266

Color Values

HEX

#037266

RGB

3, 114, 102

HSL

173.5, 94.9%, 22.9%

HSV

173.5, 97.4%, 44.7%

CMYK

97.4%, 0.0%, 10.5%, 55.3%

OKLCH

0.4958 0.088 182.3

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#037266

#72030F

Analogous

#03722E

#034672

#037266

Triadic

#037266

#660372

#726603

Split Complementary

#037266

#720346

#722E03

Tetradic

#037266

#2E0372

#72030F

#467203

Color Blindness Simulation

Original

#037266

Protanopia

#333469

Deuteranopia

#2D246A

Tritanopia

#096B6C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DFFCF8
200
#B9FDF6
300
#88FCEF
400
#47FAE7
500
#07F8DE
600
#05C7B2
700
#049F8E
800
#037C6F
900
#075A51
950
#043933

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026