#349772

#349772

Color Values

HEX

#349772

RGB

52, 151, 114

HSL

157.6, 48.8%, 39.8%

HSV

157.6, 65.6%, 59.2%

CMYK

65.6%, 0.0%, 24.5%, 40.8%

OKLCH

0.6088 0.1081 164.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#349772

#973459

Analogous

#349741

#348A97

#349772

Triadic

#349772

#723497

#977234

Split Complementary

#349772

#97348A

#974134

Tetradic

#349772

#413497

#973459

#8A9734

Color Blindness Simulation

Original

#349772

Protanopia

#5F607B

Deuteranopia

#59527D

Tritanopia

#398284

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#CAEDE0
300
#A4E0C9
400
#73CFAC
500
#41BE8F
600
#349873
700
#2A795C
800
#215F48
900
#1B4636
950
#112C22

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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