#656355

#656355

Color Values

HEX

#656355

RGB

101, 99, 85

HSL

52,5, 8,6%, 36,5%

HSV

52,5, 15,8%, 39,6%

CMYK

0,0%, 2,0%, 15,8%, 60,4%

OKLCH

0,4973 0,0217 100,5

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#656355

#555765

Analogous

#655B55

#5F6555

#656355

Triadic

#656355

#556563

#635565

Split Complementary

#656355

#555F65

#5B5565

Tetradic

#656355

#55655B

#555765

#65555F

Color Blindness Simulation

Original

#656355

Protanopia

#646458

Deuteranopia

#646459

Tritanopia

#655B5C

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDED8
300
#C7C6BD
400
#A9A799
500
#8A8875
600
#6F6D5D
700
#59574B
800
#45443A
900
#34332D
950
#21201C

Contrast Checker

Text on white

6,05:1

AA Pass AAA Fail

Text on black

3,47: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