#645F25

#645F25

Color Values

HEX

#645F25

RGB

100, 95, 37

HSL

55.2, 46.0%, 26.9%

HSV

55.2, 63.0%, 39.2%

CMYK

0.0%, 5.0%, 63.0%, 60.8%

OKLCH

0.4774 0.0787 104.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#645F25

#252A64

Analogous

#644025

#4A6425

#645F25

Triadic

#645F25

#25645F

#5F2564

Split Complementary

#645F25

#254A64

#402564

Tetradic

#645F25

#256440

#252A64

#64254A

Color Blindness Simulation

Original

#645F25

Protanopia

#626233

Deuteranopia

#626236

Tritanopia

#643E41

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE9CB
300
#DED9A6
400
#CCC575
500
#BAB145
600
#958D37
700
#77712C
800
#5D5822
900
#45411C
950
#2B2912

Contrast Checker

Text on white

6.55:1

AA Pass AAA Fail

Text on black

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