#337499

#337499

Color Values

HEX

#337499

RGB

51, 116, 153

HSL

201.8, 50.0%, 40.0%

HSV

201.8, 66.7%, 60.0%

CMYK

66.7%, 24.2%, 0.0%, 40.0%

OKLCH

0.5332 0.0878 236.7

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#337499

#995833

Analogous

#33998B

#334199

#337499

Triadic

#337499

#993374

#749933

Split Complementary

#337499

#993341

#998B33

Tetradic

#337499

#8B3399

#995833

#419933

Color Blindness Simulation

Original

#337499

Protanopia

#4F5090

Deuteranopia

#4B468E

Tritanopia

#368987

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#C9E0ED
300
#A3CAE0
400
#71AED0
500
#4091BF
600
#337499
700
#295D7A
800
#204860
900
#1B3646
950
#11222C

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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