#656A3C

#656A3C

Color Values

HEX

#656A3C

RGB

101, 106, 60

HSL

66.5, 27.7%, 32.5%

HSV

66.5, 43.4%, 41.6%

CMYK

4.7%, 0.0%, 43.4%, 58.4%

OKLCH

0.5083 0.0668 113.9

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#656A3C

#413C6A

Analogous

#6A583C

#4E6A3C

#656A3C

Triadic

#656A3C

#3C656A

#6A3C65

Split Complementary

#656A3C

#3C4E6A

#583C6A

Tetradic

#656A3C

#3C6A58

#413C6A

#6A3C4E

Color Blindness Simulation

Original

#656A3C

Protanopia

#676747

Deuteranopia

#67664A

Tritanopia

#655052

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F1E9
200
#E3E5D1
300
#CFD3B1
400
#B5BB87
500
#9BA35C
600
#7C824A
700
#63683B
800
#4E512E
900
#3A3D24
950
#252617

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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