#337D84

#337D84

Color Values

HEX

#337D84

RGB

51, 125, 132

HSL

185.2, 44.3%, 35.9%

HSV

185.2, 61.4%, 51.8%

CMYK

61.4%, 5.3%, 0.0%, 48.2%

OKLCH

0.5465 0.0731 203.8

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#337D84

#843A33

Analogous

#338463

#335584

#337D84

Triadic

#337D84

#84337D

#7D8433

Split Complementary

#337D84

#843355

#846333

Tetradic

#337D84

#633384

#843A33

#558433

Color Blindness Simulation

Original

#337D84

Protanopia

#535482

Deuteranopia

#4F4982

Tritanopia

#378181

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBE8EB
300
#A7D8DD
400
#77C3CA
500
#47AEB8
600
#398B93
700
#2D6F76
800
#24575C
900
#1D4044
950
#12292B

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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