#645C2F

#645C2F

Color Values

HEX

#645C2F

RGB

100, 92, 47

HSL

50.9, 36.1%, 28.8%

HSV

50.9, 53.0%, 39.2%

CMYK

0.0%, 8.0%, 53.0%, 60.8%

OKLCH

0.4716 0.0648 99.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#645C2F

#2F3764

Analogous

#64412F

#51642F

#645C2F

Triadic

#645C2F

#2F645C

#5C2F64

Split Complementary

#645C2F

#2F5164

#412F64

Tetradic

#645C2F

#2F6441

#2F3764

#642F51

Color Blindness Simulation

Original

#645C2F

Protanopia

#61603A

Deuteranopia

#61623C

Tritanopia

#644244

Achromatopsia

#5A5A5A

CSS Usage

background-color: #645C2F;
color: #645C2F;
border-color: #645C2F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAF9F5
100
#F3F1E8
200
#E8E4CE
300
#D8D1AC
400
#C3B87F
500
#AEA051
600
#8B8041
700
#6F6634
800
#575029
900
#403B21
950
#292615

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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