#497240

#497240

Color Values

HEX

#497240

RGB

73, 114, 64

HSL

109.2, 28.1%, 34.9%

HSV

109.2, 43.9%, 44.7%

CMYK

36.0%, 0.0%, 43.9%, 55.3%

OKLCH

0.5084 0.0889 140.0

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#497240

#694072

Analogous

#627240

#407250

#497240

Triadic

#497240

#404972

#724049

Split Complementary

#497240

#504072

#724062

Tetradic

#497240

#406272

#694072

#725040

Color Blindness Simulation

Original

#497240

Protanopia

#5B5B4C

Deuteranopia

#58554F

Tritanopia

#4B5658

Achromatopsia

#666666

CSS Usage

background-color: #497240;
color: #497240;
border-color: #497240;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#EAF1E9
200
#D5E5D1
300
#B7D3B1
400
#90BB86
500
#69A35C
600
#548349
700
#43693B
800
#34522E
900
#293D24
950
#1A2617

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

3.76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026