#3B5653

#3B5653

Color Values

HEX

#3B5653

RGB

59, 86, 83

HSL

173.3, 18.6%, 28.4%

HSV

173.3, 31.4%, 33.7%

CMYK

31.4%, 0.0%, 3.5%, 66.3%

OKLCH

0.4306 0.0328 187.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3B5653

#563B3E

Analogous

#3B5645

#3B4B56

#3B5653

Triadic

#3B5653

#533B56

#56533B

Split Complementary

#3B5653

#563B4B

#56453B

Tetradic

#3B5653

#453B56

#563B3E

#4B563B

Color Blindness Simulation

Original

#3B5653

Protanopia

#474754

Deuteranopia

#454354

Tritanopia

#3C5454

Achromatopsia

#505050

CSS Usage

background-color: #3B5653;
color: #3B5653;
border-color: #3B5653;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E0
300
#B6CDCB
400
#8FB2AE
500
#689792
600
#537975
700
#42615D
800
#344C49
900
#283937
950
#192423

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026