#356E76

#356E76

Color Values

HEX

#356E76

RGB

53, 110, 118

HSL

187.4, 38.0%, 33.5%

HSV

187.4, 55.1%, 46.3%

CMYK

55.1%, 6.8%, 0.0%, 53.7%

OKLCH

0.5031 0.0609 207.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#356E76

#763D35

Analogous

#35765D

#354D76

#356E76

Triadic

#356E76

#76356E

#6E7635

Split Complementary

#356E76

#76354D

#765D35

Tetradic

#356E76

#5D3576

#763D35

#4D7635

Color Blindness Simulation

Original

#356E76

Protanopia

#4E4E74

Deuteranopia

#4A4674

Tritanopia

#387372

Achromatopsia

#626262

CSS Usage

background-color: #356E76;
color: #356E76;
border-color: #356E76;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE6E9
300
#ABD3D9
400
#7DBCC5
500
#4FA4B0
600
#3F838D
700
#336971
800
#285258
900
#203D41
950
#142629

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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