#337373

#337373

Color Values

HEX

#337373

RGB

51, 115, 115

HSL

180.0, 38.6%, 32.5%

HSV

180.0, 55.7%, 45.1%

CMYK

55.7%, 0.0%, 0.0%, 54.9%

OKLCH

0.5141 0.0652 195.3

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#337373

#733333

Analogous

#337353

#335373

#337373

Triadic

#337373

#733373

#737333

Split Complementary

#337373

#733353

#735333

Tetradic

#337373

#533373

#733333

#537333

Color Blindness Simulation

Original

#337373

Protanopia

#4F4F73

Deuteranopia

#4B4673

Tritanopia

#367373

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CEE9E9
300
#AAD9D9
400
#7CC5C5
500
#4EB1B1
600
#3F8D8D
700
#327171
800
#275858
900
#204141
950
#142929

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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