#356F49

#356F49

Color Values

HEX

#356F49

RGB

53, 111, 73

HSL

140.7, 35.4%, 32.2%

HSV

140.7, 52.3%, 43.5%

CMYK

52.3%, 0.0%, 34.2%, 56.5%

OKLCH

0.4915 0.0867 153.2

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#356F49

#6F355B

Analogous

#3E6F35

#356F66

#356F49

Triadic

#356F49

#49356F

#6F4935

Split Complementary

#356F49

#66356F

#6F353E

Tetradic

#356F49

#353E6F

#6F355B

#6F6635

Color Blindness Simulation

Original

#356F49

Protanopia

#4E4F52

Deuteranopia

#4B4654

Tritanopia

#38595B

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F3EB
200
#CFE8D7
300
#ACD7BB
400
#7FC296
500
#52AD72
600
#428A5B
700
#356E49
800
#295639
900
#21402C
950
#15281C

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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