#6F7516

#6F7516

Color Values

HEX

#6F7516

RGB

111, 117, 22

HSL

63.8, 68.3%, 27.3%

HSV

63.8, 81.2%, 45.9%

CMYK

5.1%, 0.0%, 81.2%, 54.1%

OKLCH

0.5398 0.1123 113.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#6F7516

#1C1675

Analogous

#754C16

#407516

#6F7516

Triadic

#6F7516

#166F75

#75166F

Split Complementary

#6F7516

#164075

#4C1675

Tetradic

#6F7516

#16754C

#1C1675

#751640

Color Blindness Simulation

Original

#6F7516

Protanopia

#72722D

Deuteranopia

#717132

Tritanopia

#6F3F43

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E3
200
#F1F4C3
300
#E6EC98
400
#D9E160
500
#CCD728
600
#A3AC20
700
#82891A
800
#666B14
900
#4A4E13
950
#2F310C

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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