#337C83

#337C83

Color Values

HEX

#337C83

RGB

51, 124, 131

HSL

185.2, 44.0%, 35.7%

HSV

185.2, 61.1%, 51.4%

CMYK

61.1%, 5.3%, 0.0%, 48.6%

OKLCH

0.5436 0.0724 203.9

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#337C83

#833A33

Analogous

#338362

#335483

#337C83

Triadic

#337C83

#83337C

#7C8333

Split Complementary

#337C83

#833354

#836233

Tetradic

#337C83

#623383

#833A33

#548333

Color Blindness Simulation

Original

#337C83

Protanopia

#535381

Deuteranopia

#4E4981

Tritanopia

#378080

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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