#63524F

#63524F

Color Values

HEX

#63524F

RGB

99, 82, 79

HSL

9.0, 11.2%, 34.9%

HSV

9.0, 20.2%, 38.8%

CMYK

0.0%, 17.2%, 20.2%, 61.2%

OKLCH

0.4548 0.0233 29.7

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#63524F

#4F6063

Analogous

#634F56

#635C4F

#63524F

Triadic

#63524F

#4F6352

#524F63

Split Complementary

#63524F

#4F635C

#4F5663

Tetradic

#63524F

#56634F

#4F6063

#5C4F63

Color Blindness Simulation

Original

#63524F

Protanopia

#5C5B50

Deuteranopia

#5D5E50

Tritanopia

#625050

Achromatopsia

#555555

CSS Usage

background-color: #63524F;
color: #63524F;
border-color: #63524F;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#DFD9D7
300
#C9BDBB
400
#AB9996
500
#8E7671
600
#715E5B
700
#5B4B48
800
#473B39
900
#352D2C
950
#221C1C

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

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