#3D885F

#3D885F

Color Values

HEX

#3D885F

RGB

61, 136, 95

HSL

147.2, 38.1%, 38.6%

HSV

147.2, 55.1%, 53.3%

CMYK

55.1%, 0.0%, 30.1%, 46.7%

OKLCH

0.5675 0.0989 157.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#3D885F

#883D66

Analogous

#40883D

#3D8884

#3D885F

Triadic

#3D885F

#5F3D88

#885F3D

Split Complementary

#3D885F

#843D88

#883D40

Tetradic

#3D885F

#3D4088

#883D66

#88843D

Color Blindness Simulation

Original

#3D885F

Protanopia

#5D5E69

Deuteranopia

#59546B

Tritanopia

#417172

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DA
300
#AAD9C0
400
#7DC59D
500
#4FB07B
600
#3F8D62
700
#33714F
800
#27583D
900
#20412F
950
#14291E

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.89:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026