#389475

#389475

Color Values

HEX

#389475

RGB

56, 148, 117

HSL

159.8, 45.1%, 40.0%

HSV

159.8, 62.2%, 58.0%

CMYK

62.2%, 0.0%, 20.9%, 42.0%

OKLCH

0.603 0.0997 167.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#389475

#943857

Analogous

#389447

#388594

#389475

Triadic

#389475

#753894

#947538

Split Complementary

#389475

#943885

#944738

Tetradic

#389475

#473894

#943857

#859438

Color Blindness Simulation

Original

#389475

Protanopia

#60617C

Deuteranopia

#5A547E

Tritanopia

#3D8284

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBE1
300
#A6DDCB
400
#76CBAF
500
#46B992
600
#389475
700
#2D765E
800
#235D49
900
#1D4437
950
#122B23

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026