#337E99

#337E99

Color Values

HEX

#337E99

RGB

51, 126, 153

HSL

195.9, 50.0%, 40.0%

HSV

195.9, 66.7%, 60.0%

CMYK

66.7%, 17.6%, 0.0%, 40.0%

OKLCH

0.5579 0.084 225.2

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#337E99

#994E33

Analogous

#339981

#334B99

#337E99

Triadic

#337E99

#99337E

#7E9933

Split Complementary

#337E99

#99334B

#998133

Tetradic

#337E99

#813399

#994E33

#4B9933

Color Blindness Simulation

Original

#337E99

Protanopia

#535492

Deuteranopia

#4F4A91

Tritanopia

#378D8C

Achromatopsia

#707070

CSS Usage

background-color: #337E99;
color: #337E99;
border-color: #337E99;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#C9E4ED
300
#A3D0E0
400
#71B7D0
500
#409DBF
600
#337E99
700
#29657A
800
#204F60
900
#1B3B46
950
#11252C

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass 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