#6B7516

#6B7516

Color Values

HEX

#6B7516

RGB

107, 117, 22

HSL

66.3, 68.3%, 27.3%

HSV

66.3, 81.2%, 45.9%

CMYK

8.5%, 0.0%, 81.2%, 54.1%

OKLCH

0.5363 0.1137 115.8

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#6B7516

#201675

Analogous

#755016

#3C7516

#6B7516

Triadic

#6B7516

#166B75

#75166B

Split Complementary

#6B7516

#163C75

#501675

Tetradic

#6B7516

#167550

#201675

#75163C

Color Blindness Simulation

Original

#6B7516

Protanopia

#6F6F2D

Deuteranopia

#6F6E32

Tritanopia

#6B3F43

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F8E3
200
#EFF4C3
300
#E3EC98
400
#D4E160
500
#C4D728
600
#9DAC20
700
#7E891A
800
#626B14
900
#484E13
950
#2D310C

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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