#3B5657

#3B5657

Color Values

HEX

#3B5657

RGB

59, 86, 87

HSL

182.1, 19.2%, 28.6%

HSV

182.1, 32.2%, 34.1%

CMYK

32.2%, 1.1%, 0.0%, 65.9%

OKLCH

0.432 0.0324 198.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#3B5657

#573C3B

Analogous

#3B574A

#3B4857

#3B5657

Triadic

#3B5657

#573B56

#56573B

Split Complementary

#3B5657

#573B48

#574A3B

Tetradic

#3B5657

#4A3B57

#573C3B

#48573B

Color Blindness Simulation

Original

#3B5657

Protanopia

#474757

Deuteranopia

#454357

Tritanopia

#3C5757

Achromatopsia

#505050

CSS Usage

background-color: #3B5657;
color: #3B5657;
border-color: #3B5657;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E2
300
#B6CDCE
400
#8FB1B3
500
#679698
600
#52787A
700
#426061
800
#344B4C
900
#283839
950
#192424

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

2.65:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026