#63504B

#63504B

Color Values

HEX

#63504B

RGB

99, 80, 75

HSL

12.5, 13.8%, 34.1%

HSV

12.5, 24.2%, 38.8%

CMYK

0.0%, 19.2%, 24.2%, 61.2%

OKLCH

0.4491 0.0269 35.2

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#63504B

#4B5E63

Analogous

#634B52

#635C4B

#63504B

Triadic

#63504B

#4B6350

#504B63

Split Complementary

#63504B

#4B635C

#4B5263

Tetradic

#63504B

#52634B

#4B5E63

#5C4B63

Color Blindness Simulation

Original

#63504B

Protanopia

#5B5B4C

Deuteranopia

#5C5D4C

Tritanopia

#624D4D

Achromatopsia

#545454

CSS Usage

background-color: #63504B;
color: #63504B;
border-color: #63504B;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E0D8D6
300
#CABDB9
400
#AE9994
500
#91756E
600
#745E58
700
#5D4B46
800
#493B37
900
#362D2A
950
#221C1B

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026