#536164

#536164

Color Values

HEX

#536164

RGB

83, 97, 100

HSL

190.6, 9.3%, 35.9%

HSV

190.6, 17.0%, 39.2%

CMYK

17.0%, 3.0%, 0.0%, 60.8%

OKLCH

0.4818 0.0179 212.1

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#536164

#645653

Analogous

#53645F

#535964

#536164

Triadic

#536164

#645361

#616453

Split Complementary

#536164

#645359

#645F53

Tetradic

#536164

#5F5364

#645653

#596453

Color Blindness Simulation

Original

#536164

Protanopia

#595963

Deuteranopia

#585763

Tritanopia

#546363

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DDDF
300
#BCC5C7
400
#98A6A9
500
#74878B
600
#5D6C6F
700
#4A5759
800
#3A4446
900
#2C3335
950
#1C2021

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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