#477540

#477540

Color Values

HEX

#477540

RGB

71, 117, 64

HSL

112.1, 29.3%, 35.5%

HSV

112.1, 45.3%, 45.9%

CMYK

39.3%, 0.0%, 45.3%, 54.1%

OKLCH

0.5152 0.0951 141.2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#477540

#6E4075

Analogous

#627540

#407554

#477540

Triadic

#477540

#404775

#754047

Split Complementary

#477540

#544075

#754062

Tetradic

#477540

#406275

#6E4075

#755440

Color Blindness Simulation

Original

#477540

Protanopia

#5B5B4D

Deuteranopia

#585550

Tritanopia

#495759

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EAF2E9
200
#D4E6D1
300
#B5D4B0
400
#8CBC85
500
#64A55A
600
#508448
700
#406A3A
800
#32522D
900
#273D24
950
#192717

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026