#727217

#727217

Color Values

HEX

#727217

RGB

114, 114, 23

HSL

60.0, 66.4%, 26.9%

HSV

60.0, 79.8%, 44.7%

CMYK

0.0%, 0.0%, 79.8%, 55.3%

OKLCH

0.5353 0.1077 109.5

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#727217

#171772

Analogous

#724517

#457217

#727217

Triadic

#727217

#177272

#721772

Split Complementary

#727217

#174572

#451772

Tetradic

#727217

#177245

#171772

#721745

Color Blindness Simulation

Original

#727217

Protanopia

#72722D

Deuteranopia

#727232

Tritanopia

#723E42

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F3C4
300
#EAEA99
400
#DFDF62
500
#D4D42B
600
#AAAA22
700
#88881B
800
#6A6A15
900
#4D4D13
950
#31310C

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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