#356D40

#356D40

Color Values

HEX

#356D40

RGB

53, 109, 64

HSL

131.8, 34.6%, 31.8%

HSV

131.8, 51.4%, 42.7%

CMYK

51.4%, 0.0%, 41.3%, 57.3%

OKLCH

0.484 0.0931 148.4

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#356D40

#6D3562

Analogous

#466D35

#356D5C

#356D40

Triadic

#356D40

#40356D

#6D4035

Split Complementary

#356D40

#5C356D

#6D3546

Tetradic

#356D40

#35466D

#6D3562

#6D5C35

Color Blindness Simulation

Original

#356D40

Protanopia

#4D4E4B

Deuteranopia

#4A464E

Tritanopia

#385355

Achromatopsia

#5E5E5E

CSS Usage

background-color: #356D40;
color: #356D40;
border-color: #356D40;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE8D4
300
#ADD7B5
400
#80C18D
500
#53AC65
600
#438951
700
#356E40
800
#2A5632
900
#214027
950
#152819

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

3.41:1

AA Fail 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