#356361

#356361

Color Values

HEX

#356361

RGB

53, 99, 97

HSL

177.4, 30.3%, 29.8%

HSV

177.4, 46.5%, 38.8%

CMYK

46.5%, 0.0%, 2.0%, 61.2%

OKLCH

0.4663 0.0508 191.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#356361

#633537

Analogous

#35634A

#354E63

#356361

Triadic

#356361

#613563

#636135

Split Complementary

#356361

#63354E

#634A35

Tetradic

#356361

#4A3563

#633537

#4E6335

Color Blindness Simulation

Original

#356361

Protanopia

#494961

Deuteranopia

#464362

Tritanopia

#376262

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D0E6E5
300
#AFD4D3
400
#84BDBB
500
#59A6A3
600
#478582
700
#396A68
800
#2C5351
900
#233E3D
950
#162726

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026