#477224

#477224

Color Values

HEX

#477224

RGB

71, 114, 36

HSL

93.1, 52.0%, 29.4%

HSV

93.1, 68.4%, 44.7%

CMYK

37.7%, 0.0%, 68.4%, 55.3%

OKLCH

0.5032 0.118 133.7

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#477224

#4F2472

Analogous

#6E7224

#247228

#477224

Triadic

#477224

#244772

#722447

Split Complementary

#477224

#282472

#72246E

Tetradic

#477224

#246E72

#4F2472

#722824

Color Blindness Simulation

Original

#477224

Protanopia

#5A5A37

Deuteranopia

#57543B

Tritanopia

#494649

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D9EEC9
300
#BFE2A2
400
#9CD270
500
#79C23D
600
#619B31
700
#4D7C27
800
#3C611F
900
#2E471A
950
#1D2D10

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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