#356A4D

#356A4D

Color Values

HEX

#356A4D

RGB

53, 106, 77

HSL

147.2, 33.3%, 31.2%

HSV

147.2, 50.0%, 41.6%

CMYK

50.0%, 0.0%, 27.4%, 58.4%

OKLCH

0.4789 0.0744 158.0

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#356A4D

#6A3552

Analogous

#386A35

#356A68

#356A4D

Triadic

#356A4D

#4D356A

#6A4D35

Split Complementary

#356A4D

#68356A

#6A3538

Tetradic

#356A4D

#35386A

#6A3552

#6A6835

Color Blindness Simulation

Original

#356A4D

Protanopia

#4C4C54

Deuteranopia

#494556

Tritanopia

#385A5B

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE7DA
300
#ADD6C0
400
#81C09E
500
#55AA7C
600
#448863
700
#366D4F
800
#2B553E
900
#223F2F
950
#15281E

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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