#349671

#349671

Color Values

HEX

#349671

RGB

52, 150, 113

HSL

157.3, 48.5%, 39.6%

HSV

157.3, 65.3%, 58.8%

CMYK

65.3%, 0.0%, 24.7%, 41.2%

OKLCH

0.6059 0.1076 164.4

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#349671

#963459

Analogous

#349640

#348A96

#349671

Triadic

#349671

#713496

#967134

Split Complementary

#349671

#96348A

#964034

Tetradic

#349671

#403496

#963459

#8A9634

Color Blindness Simulation

Original

#349671

Protanopia

#5E5F7A

Deuteranopia

#59517C

Tritanopia

#398183

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#CAEDE0
300
#A4DFC9
400
#73CEAC
500
#42BD8F
600
#359772
700
#2A795B
800
#215F47
900
#1B4636
950
#112C22

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

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