#63524D

#63524D

Color Values

HEX

#63524D

RGB

99, 82, 77

HSL

13.6, 12.5%, 34.5%

HSV

13.6, 22.2%, 38.8%

CMYK

0.0%, 17.2%, 22.2%, 61.2%

OKLCH

0.4541 0.0242 37.0

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#63524D

#4D5E63

Analogous

#634D53

#635D4D

#63524D

Triadic

#63524D

#4D6352

#524D63

Split Complementary

#63524D

#4D635D

#4D5363

Tetradic

#63524D

#53634D

#4D5E63

#5D4D63

Color Blindness Simulation

Original

#63524D

Protanopia

#5C5B4E

Deuteranopia

#5D5E4E

Tritanopia

#624F4F

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#E0D9D7
300
#C9BEBA
400
#AC9A95
500
#8F7770
600
#735F59
700
#5C4C47
800
#483B38
900
#362D2B
950
#221D1B

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

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