#6C7516

#6C7516

Color Values

HEX

#6C7516

RGB

108, 117, 22

HSL

65.7, 68.3%, 27.3%

HSV

65.7, 81.2%, 45.9%

CMYK

7.7%, 0.0%, 81.2%, 54.1%

OKLCH

0.5372 0.1133 115.2

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#6C7516

#1F1675

Analogous

#754F16

#3D7516

#6C7516

Triadic

#6C7516

#166C75

#75166C

Split Complementary

#6C7516

#163D75

#4F1675

Tetradic

#6C7516

#16754F

#1F1675

#75163D

Color Blindness Simulation

Original

#6C7516

Protanopia

#70702D

Deuteranopia

#6F6F32

Tritanopia

#6C3F43

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E3
200
#EFF4C3
300
#E4EC98
400
#D5E160
500
#C6D728
600
#9EAC20
700
#7F891A
800
#636B14
900
#494E13
950
#2E310C

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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