#3D8F6F

#3D8F6F

Color Values

HEX

#3D8F6F

RGB

61, 143, 111

HSL

156.6, 40.2%, 40.0%

HSV

156.6, 57.3%, 56.1%

CMYK

57.3%, 0.0%, 22.4%, 43.9%

OKLCH

0.59 0.0948 164.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#3D8F6F

#8F3D5D

Analogous

#3D8F46

#3D868F

#3D8F6F

Triadic

#3D8F6F

#6F3D8F

#8F6F3D

Split Complementary

#3D8F6F

#8F3D86

#8F463D

Tetradic

#3D8F6F

#463D8F

#8F3D5D

#868F3D

Color Blindness Simulation

Original

#3D8F6F

Protanopia

#616177

Deuteranopia

#5C5679

Tritanopia

#417D7E

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDEADE
300
#A9DAC7
400
#7BC7A9
500
#4CB38B
600
#3D8F6F
700
#317259
800
#265945
900
#1F4234
950
#142A21

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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