#356A40

#356A40

Color Values

HEX

#356A40

RGB

53, 106, 64

HSL

132.5, 33.3%, 31.2%

HSV

132.5, 50.0%, 41.6%

CMYK

50.0%, 0.0%, 39.6%, 58.4%

OKLCH

0.4758 0.0882 148.9

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#356A40

#6A355F

Analogous

#456A35

#356A5B

#356A40

Triadic

#356A40

#40356A

#6A4035

Split Complementary

#356A40

#5B356A

#6A3545

Tetradic

#356A40

#35456A

#6A355F

#6A5B35

Color Blindness Simulation

Original

#356A40

Protanopia

#4C4C4A

Deuteranopia

#49454D

Tritanopia

#385254

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE7D4
300
#ADD6B6
400
#81C08E
500
#55AA67
600
#448852
700
#366D42
800
#2B5533
900
#223F28
950
#152819

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026