#655636

#655636

Color Values

HEX

#655636

RGB

101, 86, 54

HSL

40.9, 30.3%, 30.4%

HSV

40.9, 46.5%, 39.6%

CMYK

0.0%, 14.9%, 46.5%, 60.4%

OKLCH

0.4598 0.0512 85.4

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#655636

#364565

Analogous

#653F36

#5C6536

#655636

Triadic

#655636

#366556

#563665

Split Complementary

#655636

#365C65

#3F3665

Tetradic

#655636

#36653F

#364565

#65365C

Color Blindness Simulation

Original

#655636

Protanopia

#5F5E3E

Deuteranopia

#5F6040

Tritanopia

#644445

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6DFD0
300
#D4C9AF
400
#BDAB84
500
#A68E59
600
#857147
700
#6A5B39
800
#53472C
900
#3E3523
950
#272216

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

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