#356F67

#356F67

Color Values

HEX

#356F67

RGB

53, 111, 103

HSL

171.7, 35.4%, 32.2%

HSV

171.7, 52.3%, 43.5%

CMYK

52.3%, 0.0%, 7.2%, 56.5%

OKLCH

0.5002 0.0624 183.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#356F67

#6F353D

Analogous

#356F4A

#355A6F

#356F67

Triadic

#356F67

#67356F

#6F6735

Split Complementary

#356F67

#6F355A

#6F4A35

Tetradic

#356F67

#4A356F

#6F353D

#5A6F35

Color Blindness Simulation

Original

#356F67

Protanopia

#4E4F69

Deuteranopia

#4B4669

Tritanopia

#386A6B

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CFE8E4
300
#ACD7D1
400
#7FC2B9
500
#52ADA0
600
#428A80
700
#356E66
800
#295650
900
#21403C
950
#152826

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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