#337375

#337375

Color Values

HEX

#337375

RGB

51, 115, 117

HSL

181.8, 39.3%, 32.9%

HSV

181.8, 56.4%, 45.9%

CMYK

56.4%, 1.7%, 0.0%, 54.1%

OKLCH

0.5149 0.0652 198.1

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#337375

#753533

Analogous

#337556

#335275

#337375

Triadic

#337375

#753373

#737533

Split Complementary

#337375

#753352

#755633

Tetradic

#337375

#563375

#753533

#527533

Color Blindness Simulation

Original

#337375

Protanopia

#4F4F75

Deuteranopia

#4B4674

Tritanopia

#367474

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDE8E9
300
#AAD8DA
400
#7CC4C6
500
#4DAFB2
600
#3E8C8E
700
#327072
800
#275759
900
#1F4142
950
#142929

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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