#378C5D

#378C5D

Color Values

HEX

#378C5D

RGB

55, 140, 93

HSL

146.8, 43.6%, 38.2%

HSV

146.8, 60.7%, 54.9%

CMYK

60.7%, 0.0%, 33.6%, 45.1%

OKLCH

0.5754 0.1101 156.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#378C5D

#8C3766

Analogous

#3B8C37

#378C87

#378C5D

Triadic

#378C5D

#5D378C

#8C5D37

Split Complementary

#378C5D

#87378C

#8C373B

Tetradic

#378C5D

#373B8C

#8C3766

#8C8737

Color Blindness Simulation

Original

#378C5D

Protanopia

#5C5D68

Deuteranopia

#57506B

Tritanopia

#3B7173

Achromatopsia

#777777

CSS Usage

background-color: #378C5D;
color: #378C5D;
border-color: #378C5D;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBDA
300
#A7DCBF
400
#78CA9C
500
#48B77A
600
#3A9261
700
#2E754E
800
#245C3D
900
#1D432E
950
#132B1D

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.07:1

AA Pass 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