#337066

#337066

Color Values

HEX

#337066

RGB

51, 112, 102

HSL

170.2, 37.4%, 32.0%

HSV

170.2, 54.5%, 43.9%

CMYK

54.5%, 0.0%, 8.9%, 56.1%

OKLCH

0.5016 0.0655 181.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#337066

#70333D

Analogous

#337048

#335C70

#337066

Triadic

#337066

#663370

#706633

Split Complementary

#337066

#70335C

#704833

Tetradic

#337066

#483370

#70333D

#5C7033

Color Blindness Simulation

Original

#337066

Protanopia

#4D4E68

Deuteranopia

#4A4569

Tritanopia

#366A6B

Achromatopsia

#626262

CSS Usage

background-color: #337066;
color: #337066;
border-color: #337066;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E4
300
#ABD9D1
400
#7DC4B8
500
#50AFA0
600
#408C80
700
#337066
800
#285850
900
#20413B
950
#142926

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

3.65:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026