#476424

#476424

Color Values

HEX

#476424

RGB

71, 100, 36

HSL

87.2, 47.1%, 26.7%

HSV

87.2, 64.0%, 39.2%

CMYK

29.0%, 0.0%, 64.0%, 60.8%

OKLCH

0.4654 0.0974 130.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#476424

#412464

Analogous

#646124

#276424

#476424

Triadic

#476424

#244764

#642447

Split Complementary

#476424

#242764

#612464

Tetradic

#476424

#246461

#412464

#642427

Color Blindness Simulation

Original

#476424

Protanopia

#545433

Deuteranopia

#525037

Tritanopia

#484042

Achromatopsia

#595959

CSS Usage

background-color: #476424;
color: #476424;
border-color: #476424;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDECCA
300
#C4DFA5
400
#A5CD74
500
#85BC43
600
#6A9636
700
#55782B
800
#435E22
900
#32451C
950
#202C12

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026