#476D22

#476D22

Color Values

HEX

#476D22

RGB

71, 109, 34

HSL

90.4, 52.4%, 28.0%

HSV

90.4, 68.8%, 42.7%

CMYK

34.9%, 0.0%, 68.8%, 57.3%

OKLCH

0.4894 0.1125 132.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#476D22

#48226D

Analogous

#6C6D22

#226D22

#476D22

Triadic

#476D22

#22476D

#6D2247

Split Complementary

#476D22

#22226D

#6D226C

Tetradic

#476D22

#226C6D

#48226D

#6D2222

Color Blindness Simulation

Original

#476D22

Protanopia

#575834

Deuteranopia

#555238

Tritanopia

#494246

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DBEEC9
300
#C1E2A2
400
#A0D26F
500
#7FC23D
600
#659B31
700
#517C27
800
#3F611E
900
#30471A
950
#1E2D10

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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