#377C5F

#377C5F

Color Values

HEX

#377C5F

RGB

55, 124, 95

HSL

154.8, 38.5%, 35.1%

HSV

154.8, 55.6%, 48.6%

CMYK

55.6%, 0.0%, 23.4%, 51.4%

OKLCH

0.5331 0.0843 163.5

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#377C5F

#7C3754

Analogous

#377C3D

#37767C

#377C5F

Triadic

#377C5F

#5F377C

#7C5F37

Split Complementary

#377C5F

#7C3776

#7C3D37

Tetradic

#377C5F

#3D377C

#7C3754

#767C37

Color Blindness Simulation

Original

#377C5F

Protanopia

#555566

Deuteranopia

#514C68

Tritanopia

#3A6C6D

Achromatopsia

#6B6B6B

CSS Usage

background-color: #377C5F;
color: #377C5F;
border-color: #377C5F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DD
300
#AAD9C6
400
#7CC5A6
500
#4EB187
600
#3F8D6C
700
#327157
800
#275844
900
#204133
950
#142920

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026