#337260

#337260

Color Values

HEX

#337260

RGB

51, 114, 96

HSL

162.9, 38.2%, 32.4%

HSV

162.9, 55.3%, 44.7%

CMYK

55.3%, 0.0%, 15.8%, 55.3%

OKLCH

0.505 0.0716 172.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#337260

#723345

Analogous

#337241

#336572

#337260

Triadic

#337260

#603372

#726033

Split Complementary

#337260

#723365

#724133

Tetradic

#337260

#413372

#723345

#657233

Color Blindness Simulation

Original

#337260

Protanopia

#4E4F64

Deuteranopia

#4B4665

Tritanopia

#366869

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CEE9E1
300
#AAD9CC
400
#7DC5B0
500
#4FB094
600
#3F8D77
700
#32715F
800
#27584A
900
#204138
950
#142923

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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