#655633

#655633

Color Values

HEX

#655633

RGB

101, 86, 51

HSL

42.0, 32.9%, 29.8%

HSV

42.0, 49.5%, 39.6%

CMYK

0.0%, 14.9%, 49.5%, 60.4%

OKLCH

0.4592 0.0548 87.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#655633

#334265

Analogous

#653D33

#5B6533

#655633

Triadic

#655633

#336556

#563365

Split Complementary

#655633

#335B65

#3D3365

Tetradic

#655633

#33653D

#334265

#65335B

Color Blindness Simulation

Original

#655633

Protanopia

#5F5E3B

Deuteranopia

#5F603E

Tritanopia

#644244

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7E0D0
300
#D6CAAE
400
#C0AD82
500
#A99056
600
#887344
700
#6C5C37
800
#55482B
900
#3F3622
950
#282216

Contrast Checker

Text on white

7.16:1

AA Pass AAA Pass

Text on black

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