#379671

#379671

Color Values

HEX

#379671

RGB

55, 150, 113

HSL

156.6, 46.3%, 40.2%

HSV

156.6, 63.3%, 58.8%

CMYK

63.3%, 0.0%, 24.7%, 41.2%

OKLCH

0.6068 0.1061 164.0

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#379671

#96375C

Analogous

#379641

#378C96

#379671

Triadic

#379671

#713796

#967137

Split Complementary

#379671

#96378C

#964137

Tetradic

#379671

#413796

#96375C

#8C9637

Color Blindness Simulation

Original

#379671

Protanopia

#60617A

Deuteranopia

#5B547C

Tritanopia

#3C8183

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECDF
300
#A5DEC8
400
#75CCAA
500
#44BB8C
600
#379570
700
#2C775A
800
#225D46
900
#1C4535
950
#122B21

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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