#477036

#477036

Color Values

HEX

#477036

RGB

71, 112, 54

HSL

102.4, 34.9%, 32.5%

HSV

102.4, 51.8%, 43.9%

CMYK

36.6%, 0.0%, 51.8%, 56.1%

OKLCH

0.5001 0.0979 137.2

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#477036

#5F3670

Analogous

#647036

#367042

#477036

Triadic

#477036

#364770

#703647

Split Complementary

#477036

#423670

#703664

Tetradic

#477036

#366470

#5F3670

#704236

Color Blindness Simulation

Original

#477036

Protanopia

#595944

Deuteranopia

#565347

Tritanopia

#494F52

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EBF2E8
200
#D6E8CF
300
#B9D7AC
400
#93C280
500
#6DAC53
600
#578A42
700
#466E35
800
#37562A
900
#2A4021
950
#1B2815

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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