#5B6263

#5B6263

Color Values

HEX

#5B6263

RGB

91, 98, 99

HSL

187.5, 4.2%, 37.3%

HSV

187.5, 8.1%, 38.8%

CMYK

8.1%, 1.0%, 0.0%, 61.2%

OKLCH

0.4904 0.0089 207.1

Properties

Cool Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#5B6263

#635C5B

Analogous

#5B6360

#5B5E63

#5B6263

Triadic

#5B6263

#635B62

#62635B

Split Complementary

#5B6263

#635B5E

#63605B

Tetradic

#5B6263

#605B63

#635C5B

#5E635B

Color Blindness Simulation

Original

#5B6263

Protanopia

#5E5E63

Deuteranopia

#5E5D63

Tritanopia

#5B6363

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EDEEEE
200
#DADCDD
300
#BFC4C4
400
#9DA4A5
500
#7A8485
600
#62696A
700
#4E5455
800
#3D4242
900
#2F3232
950
#1D1F20

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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