#653B46

#653B46

Color Values

HEX

#653B46

RGB

101, 59, 70

HSL

344.3, 26.2%, 31.4%

HSV

344.3, 41.6%, 39.6%

CMYK

0.0%, 41.6%, 30.7%, 60.4%

OKLCH

0.4065 0.0609 3.2

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#653B46

#3B655A

Analogous

#653B5B

#65453B

#653B46

Triadic

#653B46

#46653B

#3B4665

Split Complementary

#653B46

#3B6545

#3B5B65

Tetradic

#653B46

#5B653B

#3B655A

#453B65

Color Blindness Simulation

Original

#653B46

Protanopia

#535243

Deuteranopia

#555843

Tritanopia

#634141

Achromatopsia

#454545

CSS Usage

background-color: #653B46;
color: #653B46;
border-color: #653B46;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F6F7
100
#F1E9EB
200
#E5D2D7
300
#D2B2BA
400
#B98895
500
#A15E70
600
#814B59
700
#673C47
800
#502F38
900
#3C252B
950
#26171B

Contrast Checker

Text on white

9.26:1

AA Pass AAA Pass

Text on black

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