#377362

#377362

Color Values

HEX

#377362

RGB

55, 115, 98

HSL

163.0, 35.3%, 33.3%

HSV

163.0, 52.2%, 45.1%

CMYK

52.2%, 0.0%, 14.8%, 54.9%

OKLCH

0.51 0.0688 172.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#377362

#733748

Analogous

#377344

#376673

#377362

Triadic

#377362

#623773

#736237

Split Complementary

#377362

#733766

#734437

Tetradic

#377362

#443773

#733748

#667337

Color Blindness Simulation

Original

#377362

Protanopia

#515266

Deuteranopia

#4E4967

Tritanopia

#3A696A

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8E1
300
#ACD7CB
400
#7FC2AF
500
#52AD93
600
#428A76
700
#356E5E
800
#29564A
900
#214037
950
#152823

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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