#645F31

#645F31

Color Values

HEX

#645F31

RGB

100, 95, 49

HSL

54.1, 34.2%, 29.2%

HSV

54.1, 51.0%, 39.2%

CMYK

0.0%, 5.0%, 51.0%, 60.8%

OKLCH

0.479 0.0658 103.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#645F31

#313664

Analogous

#644531

#4F6431

#645F31

Triadic

#645F31

#31645F

#5F3164

Split Complementary

#645F31

#314F64

#453164

Tetradic

#645F31

#316445

#313664

#64314F

Color Blindness Simulation

Original

#645F31

Protanopia

#62623C

Deuteranopia

#62623F

Tritanopia

#644547

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F2F1E8
200
#E8E5CF
300
#D7D3AD
400
#C1BB80
500
#ABA354
600
#898243
700
#6E6836
800
#56512A
900
#3F3C22
950
#282615

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

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