#706F16

#706F16

Color Values

HEX

#706F16

RGB

112, 111, 22

HSL

59.3, 67.2%, 26.3%

HSV

59.3, 80.4%, 43.9%

CMYK

0.0%, 0.9%, 80.4%, 56.1%

OKLCH

0.5262 0.1055 108.9

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#706F16

#161770

Analogous

#704216

#447016

#706F16

Triadic

#706F16

#16706F

#6F1670

Split Complementary

#706F16

#164470

#421670

Tetradic

#706F16

#167042

#161770

#701644

Color Blindness Simulation

Original

#706F16

Protanopia

#70702C

Deuteranopia

#707031

Tritanopia

#703D40

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F3C3
300
#EBEA99
400
#E0DF61
500
#D5D32A
600
#ABA921
700
#88871B
800
#6B6A15
900
#4E4D13
950
#31310C

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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