#656342

#656342

Color Values

HEX

#656342

RGB

101, 99, 66

HSL

56,6, 21,0%, 32,7%

HSV

56,6, 34,7%, 39,6%

CMYK

0,0%, 2,0%, 34,7%, 60,4%

OKLCH

0,4927 0,0491 105,1

Properties

Warm Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#656342

#424465

Analogous

#655142

#556542

#656342

Triadic

#656342

#426563

#634265

Split Complementary

#656342

#425565

#514265

Tetradic

#656342

#426551

#424465

#654255

Color Blindness Simulation

Original

#656342

Protanopia

#64644A

Deuteranopia

#64644C

Tritanopia

#655052

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E3E2D4
300
#CFCDB5
400
#B4B28D
500
#9A9765
600
#7B7951
700
#636140
800
#4D4C32
900
#3A3927
950
#242419

Contrast Checker

Text on white

6,15:1

AA Pass AAA Fail

Text on black

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