#3F8D69

#3F8D69

Color Values

HEX

#3F8D69

RGB

63, 141, 105

HSL

152.3, 38.2%, 40.0%

HSV

152.3, 55.3%, 55.3%

CMYK

55.3%, 0.0%, 25.5%, 44.7%

OKLCH

0.5839 0.0959 161.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#3F8D69

#8D3F63

Analogous

#3F8D42

#3F8A8D

#3F8D69

Triadic

#3F8D69

#693F8D

#8D693F

Split Complementary

#3F8D69

#8D3F8A

#8D423F

Tetradic

#3F8D69

#423F8D

#8D3F63

#8A8D3F

Color Blindness Simulation

Original

#3F8D69

Protanopia

#616172

Deuteranopia

#5C5674

Tritanopia

#43797A

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DC
300
#AAD9C4
400
#7DC5A3
500
#4FB083
600
#3F8D69
700
#327154
800
#275842
900
#204132
950
#14291F

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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