#356F5B

#356F5B

Color Values

HEX

#356F5B

RGB

53, 111, 91

HSL

159.3, 35.4%, 32.2%

HSV

159.3, 52.3%, 43.5%

CMYK

52.3%, 0.0%, 18.0%, 56.5%

OKLCH

0.4963 0.0696 168.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#356F5B

#6F3549

Analogous

#356F3E

#35666F

#356F5B

Triadic

#356F5B

#5B356F

#6F5B35

Split Complementary

#356F5B

#6F3566

#6F3E35

Tetradic

#356F5B

#3E356F

#6F3549

#666F35

Color Blindness Simulation

Original

#356F5B

Protanopia

#4E4F60

Deuteranopia

#4B4661

Tritanopia

#386464

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8DF
300
#ACD7C9
400
#7FC2AB
500
#52AD8D
600
#428A71
700
#356E5B
800
#295647
900
#214035
950
#152822

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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