#349638

#349638

Color Values

HEX

#349638

RGB

52, 150, 56

HSL

122.4, 48.5%, 39.6%

HSV

122.4, 65.3%, 58.8%

CMYK

65.3%, 0.0%, 62.7%, 41.2%

OKLCH

0.5953 0.1603 143.8

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#349638

#963492

Analogous

#619634

#349669

#349638

Triadic

#349638

#383496

#963834

Split Complementary

#349638

#693496

#963461

Tetradic

#349638

#346196

#963492

#966934

Color Blindness Simulation

Original

#349638

Protanopia

#5E5F4F

Deuteranopia

#595154

Tritanopia

#396165

Achromatopsia

#7A7A7A

CSS Usage

background-color: #349638;
color: #349638;
border-color: #349638;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF4
100
#E6F5E6
200
#CAEDCB
300
#A4DFA6
400
#73CE77
500
#42BD47
600
#359738
700
#2A792D
800
#215F23
900
#1B461D
950
#112C12

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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