#337276

#337276

Color Values

HEX

#337276

RGB

51, 114, 118

HSL

183.6, 39.6%, 33.1%

HSV

183.6, 56.8%, 46.3%

CMYK

56.8%, 3.4%, 0.0%, 53.7%

OKLCH

0.5127 0.0646 200.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#337276

#763733

Analogous

#337658

#335076

#337276

Triadic

#337276

#763372

#727633

Split Complementary

#337276

#763350

#765833

Tetradic

#337276

#583376

#763733

#507633

Color Blindness Simulation

Original

#337276

Protanopia

#4E4F75

Deuteranopia

#4B4675

Tritanopia

#367474

Achromatopsia

#656565

CSS Usage

background-color: #337276;
color: #337276;
border-color: #337276;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE8E9
300
#AAD7DA
400
#7BC2C6
500
#4DACB2
600
#3E8A8E
700
#316E72
800
#275659
900
#1F4042
950
#14282A

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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