#645345

#645345

Color Values

HEX

#645345

RGB

100, 83, 69

HSL

27.1, 18.3%, 33.1%

HSV

27.1, 31.0%, 39.2%

CMYK

0.0%, 17.0%, 31.0%, 60.8%

OKLCH

0.4553 0.0315 61.4

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#645345

#455664

Analogous

#644546

#646245

#645345

Triadic

#645345

#456453

#534564

Split Complementary

#645345

#456462

#454664

Tetradic

#645345

#466445

#455664

#624564

Color Blindness Simulation

Original

#645345

Protanopia

#5D5C48

Deuteranopia

#5E5F49

Tritanopia

#634B4C

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DBD5
300
#CDC1B7
400
#B29F8F
500
#977D68
600
#796453
700
#615043
800
#4B3F34
900
#383028
950
#241E1A

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026