#656D37

#656D37

Color Values

HEX

#656D37

RGB

101, 109, 55

HSL

68.9, 32.9%, 32.2%

HSV

68.9, 49.5%, 42.7%

CMYK

7.3%, 0.0%, 49.5%, 57.3%

OKLCH

0.5148 0.0771 116.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#656D37

#3F376D

Analogous

#6D5A37

#4A6D37

#656D37

Triadic

#656D37

#37656D

#6D3765

Split Complementary

#656D37

#374A6D

#5A376D

Tetradic

#656D37

#376D5A

#3F376D

#6D374A

Color Blindness Simulation

Original

#656D37

Protanopia

#686944

Deuteranopia

#686747

Tritanopia

#654E51

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F1F2E8
200
#E4E7D0
300
#D0D6AE
400
#B6C082
500
#9DA956
600
#7E8844
700
#646C37
800
#4F552B
900
#3B3F22
950
#252816

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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