#654F40

#654F40

Color Values

HEX

#654F40

RGB

101, 79, 64

HSL

24.3, 22.4%, 32.4%

HSV

24.3, 36.6%, 39.6%

CMYK

0.0%, 21.8%, 36.6%, 60.4%

OKLCH

0.4462 0.0379 55.8

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#654F40

#405665

Analogous

#654044

#656240

#654F40

Triadic

#654F40

#40654F

#4F4065

Split Complementary

#654F40

#406562

#404465

Tetradic

#654F40

#446540

#405665

#624065

Color Blindness Simulation

Original

#654F40

Protanopia

#5B5B44

Deuteranopia

#5D5E44

Tritanopia

#644647

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E3DAD3
300
#D0BFB4
400
#B69D8C
500
#9C7A63
600
#7D624F
700
#644E3F
800
#4E3D31
900
#3A2F27
950
#251D18

Contrast Checker

Text on white

7.65:1

AA Pass AAA Pass

Text on black

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