#356C56

#356C56

Color Values

HEX

#356C56

RGB

53, 108, 86

HSL

156.0, 34.2%, 31.6%

HSV

156.0, 50.9%, 42.4%

CMYK

50.9%, 0.0%, 20.4%, 57.6%

OKLCH

0.4868 0.0691 165.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#356C56

#6C354B

Analogous

#356C3B

#35676C

#356C56

Triadic

#356C56

#56356C

#6C5635

Split Complementary

#356C56

#6C3567

#6C3B35

Tetradic

#356C56

#3B356C

#6C354B

#676C35

Color Blindness Simulation

Original

#356C56

Protanopia

#4D4D5B

Deuteranopia

#4A465D

Tritanopia

#386060

Achromatopsia

#5F5F5F

CSS Usage

background-color: #356C56;
color: #356C56;
border-color: #356C56;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DE
300
#ADD7C6
400
#80C1A7
500
#54AB88
600
#43896D
700
#366E57
800
#2A5644
900
#223F33
950
#152820

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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