#337041

#337041

Color Values

HEX

#337041

RGB

51, 112, 65

HSL

133.8, 37.4%, 32.0%

HSV

133.8, 54.5%, 43.9%

CMYK

54.5%, 0.0%, 42.0%, 56.1%

OKLCH

0.4916 0.098 149.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#337041

#703362

Analogous

#447033

#337060

#337041

Triadic

#337041

#413370

#704133

Split Complementary

#337041

#603370

#703344

Tetradic

#337041

#334470

#703362

#706033

Color Blindness Simulation

Original

#337041

Protanopia

#4D4E4C

Deuteranopia

#4A454F

Tritanopia

#365557

Achromatopsia

#606060

CSS Usage

background-color: #337041;
color: #337041;
border-color: #337041;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CEE9D4
300
#ABD9B5
400
#7DC48E
500
#50AF66
600
#408C51
700
#337041
800
#285833
900
#204128
950
#142919

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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