#337980

#337980

Color Values

HEX

#337980

RGB

51, 121, 128

HSL

185.5, 43.0%, 35.1%

HSV

185.5, 60.2%, 50.2%

CMYK

60.2%, 5.5%, 0.0%, 49.8%

OKLCH

0.5347 0.0703 204.2

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#337980

#803A33

Analogous

#338061

#335280

#337980

Triadic

#337980

#803379

#798033

Split Complementary

#337980

#803352

#806133

Tetradic

#337980

#613380

#803A33

#528033

Color Blindness Simulation

Original

#337980

Protanopia

#51527E

Deuteranopia

#4D487E

Tritanopia

#367D7D

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F2F4
200
#CCE8EB
300
#A7D7DC
400
#78C2C9
500
#49ACB6
600
#3A8A92
700
#2F6E75
800
#24565B
900
#1E4043
950
#13282A

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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