#3D7F58

#3D7F58

Color Values

HEX

#3D7F58

RGB

61, 127, 88

HSL

144.5, 35.1%, 36.9%

HSV

144.5, 52.0%, 49.8%

CMYK

52.0%, 0.0%, 30.7%, 50.2%

OKLCH

0.5419 0.0918 155.7

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#3D7F58

#7F3D64

Analogous

#437F3D

#3D7F79

#3D7F58

Triadic

#3D7F58

#583D7F

#7F583D

Split Complementary

#3D7F58

#793D7F

#7F3D43

Tetradic

#3D7F58

#3D437F

#7F3D64

#7F793D

Color Blindness Simulation

Original

#3D7F58

Protanopia

#5A5A61

Deuteranopia

#565164

Tritanopia

#40696B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE8D9
300
#ACD7BE
400
#80C29B
500
#53AC77
600
#428A5F
700
#356E4C
800
#29563C
900
#21402E
950
#15281D

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026