#3F8D70

#3F8D70

Color Values

HEX

#3F8D70

RGB

63, 141, 112

HSL

157.7, 38.2%, 40.0%

HSV

157.7, 55.3%, 55.3%

CMYK

55.3%, 0.0%, 20.6%, 44.7%

OKLCH

0.5858 0.0899 166.3

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#3F8D70

#8D3F5C

Analogous

#3F8D49

#3F838D

#3F8D70

Triadic

#3F8D70

#703F8D

#8D703F

Split Complementary

#3F8D70

#8D3F83

#8D493F

Tetradic

#3F8D70

#493F8D

#8D3F5C

#838D3F

Color Blindness Simulation

Original

#3F8D70

Protanopia

#616177

Deuteranopia

#5C5679

Tritanopia

#437D7E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CEE9DF
300
#AAD9C8
400
#7DC5AA
500
#4FB08C
600
#3F8D70
700
#32715A
800
#275846
900
#204135
950
#142921

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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