#645236

#645236

Color Values

HEX

#645236

RGB

100, 82, 54

HSL

36.5, 29.9%, 30.2%

HSV

36.5, 46.0%, 39.2%

CMYK

0.0%, 18.0%, 46.0%, 60.8%

OKLCH

0.4495 0.0482 78.1

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#645236

#364864

Analogous

#643B36

#5F6436

#645236

Triadic

#645236

#366452

#523664

Split Complementary

#645236

#365F64

#3B3664

Tetradic

#645236

#36643B

#364864

#64365F

Color Blindness Simulation

Original

#645236

Protanopia

#5C5C3D

Deuteranopia

#5D5F3E

Tritanopia

#634243

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE9
200
#E6DED1
300
#D4C6B0
400
#BDA784
500
#A68859
600
#846D48
700
#6A5739
800
#53442D
900
#3D3323
950
#272016

Contrast Checker

Text on white

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