#645142

#645142

Color Values

HEX

#645142

RGB

100, 81, 66

HSL

26.5, 20.5%, 32.5%

HSV

26.5, 34.0%, 39.2%

CMYK

0.0%, 19.0%, 34.0%, 60.8%

OKLCH

0.45 0.0347 60.0

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#645142

#425564

Analogous

#644244

#646242

#645142

Triadic

#645142

#426451

#514264

Split Complementary

#645142

#426462

#424464

Tetradic

#645142

#446442

#425564

#624264

Color Blindness Simulation

Original

#645142

Protanopia

#5C5C46

Deuteranopia

#5D5E46

Tritanopia

#634849

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E3DAD4
300
#CEC0B5
400
#B49E8D
500
#9A7C65
600
#7B6451
700
#625041
800
#4D3E33
900
#392F28
950
#241E19

Contrast Checker

Text on white

7.51:1

AA Pass AAA Pass

Text on black

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