#645C49

#645C49

Color Values

HEX

#645C49

RGB

100, 92, 73

HSL

42.2, 15.6%, 33.9%

HSV

42.2, 27.0%, 39.2%

CMYK

0.0%, 8.0%, 27.0%, 60.8%

OKLCH

0.4769 0.0309 87.9

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#645C49

#495164

Analogous

#644E49

#5E6449

#645C49

Triadic

#645C49

#49645C

#5C4964

Split Complementary

#645C49

#495E64

#4E4964

Tetradic

#645C49

#49644E

#495164

#64495E

Color Blindness Simulation

Original

#645C49

Protanopia

#61604E

Deuteranopia

#61624F

Tritanopia

#645152

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DED6
300
#CBC6B8
400
#AFA792
500
#93886C
600
#766C56
700
#5E5745
800
#4A4436
900
#37332A
950
#23201A

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

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