#535C58

#535C58

Color Values

HEX

#535C58

RGB

83, 92, 88

HSL

153.3, 5.1%, 34.3%

HSV

153.3, 9.8%, 36.1%

CMYK

9.8%, 0.0%, 4.3%, 63.9%

OKLCH

0.4656 0.013 167.3

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#535C58

#5C5357

Analogous

#535C53

#535B5C

#535C58

Triadic

#535C58

#58535C

#5C5853

Split Complementary

#535C58

#5C535B

#5C5353

Tetradic

#535C58

#53535C

#5C5357

#5B5C53

Color Blindness Simulation

Original

#535C58

Protanopia

#575759

Deuteranopia

#565659

Tritanopia

#535A5A

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DDDC
300
#BFC5C2
400
#9CA5A1
500
#798680
600
#616B67
700
#4D5652
800
#3C4340
900
#2E3331
950
#1D201F

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

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