#3F8D68

#3F8D68

Color Values

HEX

#3F8D68

RGB

63, 141, 104

HSL

151.5, 38.2%, 40.0%

HSV

151.5, 55.3%, 55.3%

CMYK

55.3%, 0.0%, 26.2%, 44.7%

OKLCH

0.5837 0.0968 160.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#3F8D68

#8D3F64

Analogous

#3F8D41

#3F8B8D

#3F8D68

Triadic

#3F8D68

#683F8D

#8D683F

Split Complementary

#3F8D68

#8D3F8B

#8D413F

Tetradic

#3F8D68

#413F8D

#8D3F64

#8B8D3F

Color Blindness Simulation

Original

#3F8D68

Protanopia

#616171

Deuteranopia

#5C5673

Tritanopia

#43787A

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DC
300
#AAD9C3
400
#7DC5A2
500
#4FB082
600
#3F8D68
700
#327153
800
#275841
900
#204131
950
#14291F

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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