#497954

#497954

Color Values

HEX

#497954

RGB

73, 121, 84

HSL

133.8, 24.7%, 38.0%

HSV

133.8, 39.7%, 47.5%

CMYK

39.7%, 0.0%, 30.6%, 52.5%

OKLCH

0.5311 0.0783 150.4

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#497954

#79496E

Analogous

#567949

#49796C

#497954

Triadic

#497954

#544979

#795449

Split Complementary

#497954

#6C4979

#794956

Tetradic

#497954

#495679

#79496E

#796C49

Color Blindness Simulation

Original

#497954

Protanopia

#5E5E5D

Deuteranopia

#5B575F

Tritanopia

#4B6466

Achromatopsia

#6C6C6C

CSS Usage

background-color: #497954;
color: #497954;
border-color: #497954;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D2E4D7
300
#B3D1BA
400
#89B894
500
#609F6E
600
#4D7F58
700
#3D6647
800
#304F37
900
#263B2B
950
#18251B

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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