#337069

#337069

Color Values

HEX

#337069

RGB

51, 112, 105

HSL

173.1, 37.4%, 32.0%

HSV

173.1, 54.5%, 43.9%

CMYK

54.5%, 0.0%, 6.3%, 56.1%

OKLCH

0.5026 0.0643 185.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#337069

#70333A

Analogous

#33704B

#335970

#337069

Triadic

#337069

#693370

#706933

Split Complementary

#337069

#703359

#704B33

Tetradic

#337069

#4B3370

#70333A

#597033

Color Blindness Simulation

Original

#337069

Protanopia

#4D4E6B

Deuteranopia

#4A456B

Tritanopia

#366C6C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E6
300
#ABD9D3
400
#7DC4BC
500
#50AFA4
600
#408C83
700
#337069
800
#285852
900
#20413D
950
#142927

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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