#656A39

#656A39

Color Values

HEX

#656A39

RGB

101, 106, 57

HSL

66.1, 30.1%, 32.0%

HSV

66.1, 46.2%, 41.6%

CMYK

4.7%, 0.0%, 46.2%, 58.4%

OKLCH

0.5078 0.0705 113.7

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#656A39

#3E396A

Analogous

#6A5739

#4D6A39

#656A39

Triadic

#656A39

#39656A

#6A3965

Split Complementary

#656A39

#394D6A

#57396A

Tetradic

#656A39

#396A57

#3E396A

#6A394D

Color Blindness Simulation

Original

#656A39

Protanopia

#676745

Deuteranopia

#676648

Tritanopia

#654E50

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E9
200
#E4E6D1
300
#D0D4AF
400
#B7BD84
500
#9EA659
600
#7E8547
700
#656A39
800
#4F532D
900
#3B3E23
950
#252716

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026