#356F5D

#356F5D

Color Values

HEX

#356F5D

RGB

53, 111, 93

HSL

161.4, 35.4%, 32.2%

HSV

161.4, 52.3%, 43.5%

CMYK

52.3%, 0.0%, 16.2%, 56.5%

OKLCH

0.4969 0.0681 170.8

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#356F5D

#6F3547

Analogous

#356F40

#35646F

#356F5D

Triadic

#356F5D

#5D356F

#6F5D35

Split Complementary

#356F5D

#6F3564

#6F4035

Tetradic

#356F5D

#40356F

#6F3547

#646F35

Color Blindness Simulation

Original

#356F5D

Protanopia

#4E4F61

Deuteranopia

#4B4662

Tritanopia

#386566

Achromatopsia

#616161

CSS Usage

background-color: #356F5D;
color: #356F5D;
border-color: #356F5D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8E0
300
#ACD7CA
400
#7FC2AD
500
#52AD91
600
#428A74
700
#356E5D
800
#295648
900
#214036
950
#152822

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026