#356463

#356463

Color Values

HEX

#356463

RGB

53, 100, 99

HSL

178.7, 30.7%, 30.0%

HSV

178.7, 47.0%, 39.2%

CMYK

47.0%, 0.0%, 1.0%, 60.8%

OKLCH

0.4697 0.0515 193.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#356463

#643536

Analogous

#35644B

#354E64

#356463

Triadic

#356463

#633564

#646335

Split Complementary

#356463

#64354E

#644B35

Tetradic

#356463

#4B3564

#643536

#4E6435

Color Blindness Simulation

Original

#356463

Protanopia

#494A63

Deuteranopia

#474363

Tritanopia

#376363

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E6E6
300
#AFD5D4
400
#84BEBC
500
#58A7A5
600
#478584
700
#396B6A
800
#2C5352
900
#233E3D
950
#162727

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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