#376349

#376349

Color Values

HEX

#376349

RGB

55, 99, 73

HSL

144.5, 28.6%, 30.2%

HSV

144.5, 44.4%, 38.8%

CMYK

44.4%, 0.0%, 26.3%, 61.2%

OKLCH

0.4598 0.0653 156.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#376349

#633751

Analogous

#3B6337

#37635F

#376349

Triadic

#376349

#493763

#634937

Split Complementary

#376349

#5F3763

#63373B

Tetradic

#376349

#373B63

#633751

#635F37

Color Blindness Simulation

Original

#376349

Protanopia

#4A4A4F

Deuteranopia

#484451

Tritanopia

#395455

Achromatopsia

#585858

CSS Usage

background-color: #376349;
color: #376349;
border-color: #376349;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F7
100
#E9F1EC
200
#D1E6D9
300
#B0D3BF
400
#86BC9C
500
#5BA479
600
#498361
700
#3A694D
800
#2E523C
900
#243D2E
950
#17261D

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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