#656322

#656322

Color Values

HEX

#656322

RGB

101, 99, 34

HSL

58.2, 49.6%, 26.5%

HSV

58.2, 66.3%, 39.6%

CMYK

0.0%, 2.0%, 66.3%, 60.4%

OKLCH

0.4877 0.0859 107.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#656322

#222465

Analogous

#654222

#466522

#656322

Triadic

#656322

#226563

#632265

Split Complementary

#656322

#224665

#422265

Tetradic

#656322

#226542

#222465

#652246

Color Blindness Simulation

Original

#656322

Protanopia

#646432

Deuteranopia

#646436

Tritanopia

#653E41

Achromatopsia

#5F5F5F

CSS Usage

background-color: #656322;
color: #656322;
border-color: #656322;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDECCA
300
#E0DEA3
400
#CFCD72
500
#BFBB40
600
#999633
700
#7A7829
800
#5F5D20
900
#46451B
950
#2C2B11

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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