#337D99

#337D99

Color Values

HEX

#337D99

RGB

51, 125, 153

HSL

196.5, 50.0%, 40.0%

HSV

196.5, 66.7%, 60.0%

CMYK

66.7%, 18.3%, 0.0%, 40.0%

OKLCH

0.5555 0.0842 226.4

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#337D99

#994F33

Analogous

#339982

#334A99

#337D99

Triadic

#337D99

#99337D

#7D9933

Split Complementary

#337D99

#99334A

#998233

Tetradic

#337D99

#823399

#994F33

#4A9933

Color Blindness Simulation

Original

#337D99

Protanopia

#535492

Deuteranopia

#4F4991

Tritanopia

#378D8C

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F1F5
200
#C9E3ED
300
#A3D0E0
400
#71B6D0
500
#409CBF
600
#337D99
700
#29647A
800
#204E60
900
#1B3A46
950
#11252C

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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