#536865

#536865

Color Values

HEX

#536865

RGB

83, 104, 101

HSL

171.4, 11.2%, 36.7%

HSV

171.4, 20.2%, 40.8%

CMYK

20.2%, 0.0%, 2.9%, 59.2%

OKLCH

0.4992 0.0256 185.8

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#536865

#685356

Analogous

#53685B

#536168

#536865

Triadic

#536865

#655368

#686553

Split Complementary

#536865

#685361

#685B53

Tetradic

#536865

#5B5368

#685356

#616853

Color Blindness Simulation

Original

#536865

Protanopia

#5C5C66

Deuteranopia

#5B5966

Tritanopia

#546666

Achromatopsia

#636363

CSS Usage

background-color: #536865;
color: #536865;
border-color: #536865;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7DFDE
300
#BBC9C7
400
#96ABA8
500
#718E8A
600
#5B716E
700
#485B58
800
#394745
900
#2C3534
950
#1C2221

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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