#707222

#707222

Color Values

HEX

#707222

RGB

112, 114, 34

HSL

61.5, 54.1%, 29.0%

HSV

61.5, 70.2%, 44.7%

CMYK

1.8%, 0.0%, 70.2%, 55.3%

OKLCH

0.5343 0.1009 110.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#707222

#242272

Analogous

#724C22

#487222

#707222

Triadic

#707222

#227072

#722270

Split Complementary

#707222

#224872

#4C2272

Tetradic

#707222

#22724C

#242272

#722248

Color Blindness Simulation

Original

#707222

Protanopia

#717135

Deuteranopia

#71713A

Tritanopia

#704548

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEFC8
300
#E1E3A1
400
#D1D46E
500
#C1C43B
600
#9A9D2F
700
#7C7E25
800
#61621D
900
#474819
950
#2D2D10

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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