#3DAE86

#3DAE86

Color Values

HEX

#3DAE86

RGB

61, 174, 134

HSL

158.8, 48.1%, 46.1%

HSV

158.8, 64.9%, 68.2%

CMYK

64.9%, 0.0%, 23.0%, 31.8%

OKLCH

0.6763 0.1184 165.8

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#3DAE86

#AE3D65

Analogous

#3DAE4E

#3D9EAE

#3DAE86

Triadic

#3DAE86

#863DAE

#AE863D

Split Complementary

#3DAE86

#AE3D9E

#AE4E3D

Tetradic

#3DAE86

#4E3DAE

#AE3D65

#9EAE3D

Color Blindness Simulation

Original

#3DAE86

Protanopia

#6E6F90

Deuteranopia

#675F92

Tritanopia

#439799

Achromatopsia

#939393

CSS Usage

background-color: #3DAE86;
color: #3DAE86;
border-color: #3DAE86;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECE0
300
#A4DFCA
400
#73CEAE
500
#42BD91
600
#359774
700
#2A795D
800
#215E49
900
#1B4537
950
#112C22

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.6:1

AA Pass AAA Pass

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