#377662

#377662

Color Values

HEX

#377662

RGB

55, 118, 98

HSL

161.0, 36.4%, 33.9%

HSV

161.0, 53.4%, 46.3%

CMYK

53.4%, 0.0%, 16.9%, 53.7%

OKLCH

0.518 0.0731 170.2

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#377662

#76374B

Analogous

#377643

#376A76

#377662

Triadic

#377662

#623776

#766237

Split Complementary

#377662

#76376A

#764337

Tetradic

#377662

#433776

#76374B

#6A7637

Color Blindness Simulation

Original

#377662

Protanopia

#525367

Deuteranopia

#4F4A68

Tritanopia

#3A6B6C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8E0
300
#ACD8CA
400
#7EC3AD
500
#51AE91
600
#418B74
700
#346F5C
800
#295748
900
#214036
950
#152922

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026