#336F73

#336F73

Color Values

HEX

#336F73

RGB

51, 111, 115

HSL

183.8, 38.6%, 32.5%

HSV

183.8, 55.7%, 45.1%

CMYK

55.7%, 3.5%, 0.0%, 54.9%

OKLCH

0.5037 0.0623 201.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#336F73

#733733

Analogous

#337357

#334F73

#336F73

Triadic

#336F73

#73336F

#6F7333

Split Complementary

#336F73

#73334F

#735733

Tetradic

#336F73

#573373

#733733

#4F7333

Color Blindness Simulation

Original

#336F73

Protanopia

#4D4E72

Deuteranopia

#4A4572

Tritanopia

#367171

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CEE7E9
300
#AAD6D9
400
#7CC0C5
500
#4EAAB1
600
#3F888D
700
#326D71
800
#275558
900
#203F41
950
#142829

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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