#656316

#656316

Color Values

HEX

#656316

RGB

101, 99, 22

HSL

58.5, 64.2%, 24.1%

HSV

58.5, 78.2%, 39.6%

CMYK

0.0%, 2.0%, 78.2%, 60.4%

OKLCH

0.4867 0.095 107.9

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#656316

#161865

Analogous

#653B16

#3F6516

#656316

Triadic

#656316

#166563

#631665

Split Complementary

#656316

#163F65

#3B1665

Tetradic

#656316

#16653B

#161865

#65163F

Color Blindness Simulation

Original

#656316

Protanopia

#646429

Deuteranopia

#64642D

Tritanopia

#65373B

Achromatopsia

#5E5E5E

CSS Usage

background-color: #656316;
color: #656316;
border-color: #656316;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F2F1C4
300
#E9E79B
400
#DDDA64
500
#D1CD2E
600
#A7A425
700
#86831D
800
#696717
900
#4C4B14
950
#302F0D

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

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