#477314

#477314

Color Values

HEX

#477314

RGB

71, 115, 20

HSL

87.8, 70.4%, 26.5%

HSV

87.8, 82.6%, 45.1%

CMYK

38.3%, 0.0%, 82.6%, 54.9%

OKLCH

0.5046 0.1301 132.1

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#477314

#401473

Analogous

#737014

#177314

#477314

Triadic

#477314

#144773

#731447

Split Complementary

#477314

#141773

#701473

Tetradic

#477314

#147370

#401473

#731417

Color Blindness Simulation

Original

#477314

Protanopia

#5A5A2B

Deuteranopia

#585430

Tritanopia

#493D41

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DDF4C2
300
#C5ED97
400
#A6E35E
500
#86D926
600
#6BAE1E
700
#568B18
800
#436D13
900
#334F12
950
#20320B

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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