#337C99

#337C99

Color Values

HEX

#337C99

RGB

51, 124, 153

HSL

197.1, 50.0%, 40.0%

HSV

197.1, 66.7%, 60.0%

CMYK

66.7%, 19.0%, 0.0%, 40.0%

OKLCH

0.553 0.0845 227.6

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#337C99

#995033

Analogous

#339983

#334999

#337C99

Triadic

#337C99

#99337C

#7C9933

Split Complementary

#337C99

#993349

#998333

Tetradic

#337C99

#833399

#995033

#499933

Color Blindness Simulation

Original

#337C99

Protanopia

#535392

Deuteranopia

#4E4990

Tritanopia

#378C8B

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#C9E3ED
300
#A3CFE0
400
#71B5D0
500
#409BBF
600
#337C99
700
#29637A
800
#204D60
900
#1B3A46
950
#11252C

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026