#378254

#378254

Color Values

HEX

#378254

RGB

55, 130, 84

HSL

143.2, 40.5%, 36.3%

HSV

143.2, 57.7%, 51.0%

CMYK

57.7%, 0.0%, 35.4%, 49.0%

OKLCH

0.5465 0.104 154.0

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#378254

#823765

Analogous

#408237

#37827A

#378254

Triadic

#378254

#543782

#825437

Split Complementary

#378254

#7A3782

#823740

Tetradic

#378254

#374082

#823765

#827A37

Color Blindness Simulation

Original

#378254

Protanopia

#57585F

Deuteranopia

#534E62

Tritanopia

#3B686A

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD8
300
#A9DBBC
400
#7AC798
500
#4CB374
600
#3D8F5D
700
#31734A
800
#265A3A
900
#1F422C
950
#132A1C

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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