#535B65

#535B65

Color Values

HEX

#535B65

RGB

83, 91, 101

HSL

213.3, 9.8%, 36.1%

HSV

213.3, 17.8%, 39.6%

CMYK

17.8%, 9.9%, 0.0%, 60.4%

OKLCH

0.4678 0.0191 254.0

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#535B65

#655D53

Analogous

#536465

#545365

#535B65

Triadic

#535B65

#65535B

#5B6553

Split Complementary

#535B65

#655453

#646553

Tetradic

#535B65

#655364

#655D53

#536554

Color Blindness Simulation

Original

#535B65

Protanopia

#565763

Deuteranopia

#565562

Tritanopia

#536160

Achromatopsia

#5A5A5A

CSS Usage

background-color: #535B65;
color: #535B65;
border-color: #535B65;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BCC1C8
400
#97A0AA
500
#737E8C
600
#5C6570
700
#4A515A
800
#3A3F46
900
#2C3035
950
#1C1E21

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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