#645B54

#645B54

Color Values

HEX

#645B54

RGB

100, 91, 84

HSL

26.3, 8.7%, 36.1%

HSV

26.3, 16.0%, 39.2%

CMYK

0.0%, 9.0%, 16.0%, 60.8%

OKLCH

0.4776 0.0161 60.3

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#645B54

#545D64

Analogous

#645455

#646354

#645B54

Triadic

#645B54

#54645B

#5B5464

Split Complementary

#645B54

#546463

#545564

Tetradic

#645B54

#556454

#545D64

#635464

Color Blindness Simulation

Original

#645B54

Protanopia

#606056

Deuteranopia

#616156

Tritanopia

#645757

Achromatopsia

#5C5C5C

CSS Usage

background-color: #645B54;
color: #645B54;
border-color: #645B54;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD8
300
#C7C1BC
400
#A9A098
500
#8B7E74
600
#6F655D
700
#59514B
800
#453F3A
900
#34302D
950
#211E1C

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

3.17:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026