#378654

#378654

Color Values

HEX

#378654

RGB

55, 134, 84

HSL

142.0, 41.8%, 37.1%

HSV

142.0, 59.0%, 52.5%

CMYK

59.0%, 0.0%, 37.3%, 47.5%

OKLCH

0.5573 0.1101 153.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#378654

#863769

Analogous

#428637

#37867C

#378654

Triadic

#378654

#543786

#865437

Split Complementary

#378654

#7C3786

#863742

Tetradic

#378654

#374286

#863769

#867C37

Color Blindness Simulation

Original

#378654

Protanopia

#595A60

Deuteranopia

#554F63

Tritanopia

#3B6A6C

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EB
200
#CCEAD7
300
#A8DBBB
400
#79C896
500
#4AB571
600
#3B915B
700
#2F7449
800
#255A39
900
#1E432C
950
#132A1C

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026