#337067

#337067

Color Values

HEX

#337067

RGB

51, 112, 103

HSL

171.1, 37.4%, 32.0%

HSV

171.1, 54.5%, 43.9%

CMYK

54.5%, 0.0%, 8.0%, 56.1%

OKLCH

0.5019 0.0651 182.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#337067

#70333C

Analogous

#337049

#335B70

#337067

Triadic

#337067

#673370

#706733

Split Complementary

#337067

#70335B

#704933

Tetradic

#337067

#493370

#70333C

#5B7033

Color Blindness Simulation

Original

#337067

Protanopia

#4D4E69

Deuteranopia

#4A456A

Tritanopia

#366B6B

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E5
300
#ABD9D2
400
#7DC4B9
500
#50AFA1
600
#408C81
700
#337067
800
#285851
900
#20413C
950
#142926

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

3.65:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026