#356A67

#356A67

Color Values

HEX

#356A67

RGB

53, 106, 103

HSL

176.6, 33.3%, 31.2%

HSV

176.6, 50.0%, 41.6%

CMYK

50.0%, 0.0%, 2.8%, 58.4%

OKLCH

0.487 0.0569 190.6

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#356A67

#6A3538

Analogous

#356A4D

#35536A

#356A67

Triadic

#356A67

#67356A

#6A6735

Split Complementary

#356A67

#6A3553

#6A4D35

Tetradic

#356A67

#4D356A

#6A3538

#536A35

Color Blindness Simulation

Original

#356A67

Protanopia

#4C4C68

Deuteranopia

#494568

Tritanopia

#386868

Achromatopsia

#5F5F5F

CSS Usage

background-color: #356A67;
color: #356A67;
border-color: #356A67;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E6
300
#ADD6D4
400
#81C0BD
500
#55AAA5
600
#448884
700
#366D6A
800
#2B5553
900
#223F3D
950
#152827

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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