#656139

#656139

Color Values

HEX

#656139

RGB

101, 97, 57

HSL

54.5, 27.8%, 31.0%

HSV

54.5, 43.6%, 39.6%

CMYK

0.0%, 4.0%, 43.6%, 60.4%

OKLCH

0.4861 0.0584 103.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#656139

#393D65

Analogous

#654B39

#536539

#656139

Triadic

#656139

#396561

#613965

Split Complementary

#656139

#395365

#4B3965

Tetradic

#656139

#39654B

#393D65

#653953

Color Blindness Simulation

Original

#656139

Protanopia

#636343

Deuteranopia

#646445

Tritanopia

#654A4C

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E3D1
300
#D3D0B1
400
#BBB686
500
#A39C5C
600
#827D4A
700
#68643B
800
#514E2E
900
#3D3A24
950
#262517

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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