#497716

#497716

Color Values

HEX

#497716

RGB

73, 119, 22

HSL

88.5, 68.8%, 27.6%

HSV

88.5, 81.5%, 46.7%

CMYK

38.7%, 0.0%, 81.5%, 53.3%

OKLCH

0.5167 0.1332 132.4

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#497716

#441677

Analogous

#777416

#187716

#497716

Triadic

#497716

#164977

#771649

Split Complementary

#497716

#161877

#741677

Tetradic

#497716

#167774

#441677

#771618

Color Blindness Simulation

Original

#497716

Protanopia

#5D5D2D

Deuteranopia

#5A5733

Tritanopia

#4B4044

Achromatopsia

#666666

CSS Usage

background-color: #497716;
color: #497716;
border-color: #497716;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FCF3
100
#EEF8E3
200
#DDF4C3
300
#C4EC98
400
#A4E260
500
#84D728
600
#6AAC20
700
#548A19
800
#426C14
900
#324E12
950
#20320C

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026