#497626

#497626

Color Values

HEX

#497626

RGB

73, 118, 38

HSL

93.8, 51.3%, 30.6%

HSV

93.8, 67.8%, 46.3%

CMYK

38.1%, 0.0%, 67.8%, 53.7%

OKLCH

0.5153 0.121 134.0

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#497626

#532676

Analogous

#717626

#26762B

#497626

Triadic

#497626

#264976

#762649

Split Complementary

#497626

#2B2676

#762671

Tetradic

#497626

#267176

#532676

#762B26

Color Blindness Simulation

Original

#497626

Protanopia

#5C5D39

Deuteranopia

#5A563E

Tritanopia

#4B494C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EEC9
300
#BEE1A2
400
#9BD170
500
#77C13E
600
#5F9A32
700
#4C7B28
800
#3C601F
900
#2E471A
950
#1D2D10

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.9:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026