#476128

#476128

Color Values

HEX

#476128

RGB

71, 97, 40

HSL

87.4, 41.6%, 26.9%

HSV

87.4, 58.8%, 38.0%

CMYK

26.8%, 0.0%, 58.8%, 62.0%

OKLCH

0.4578 0.0888 129.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#476128

#422861

Analogous

#615F28

#2B6128

#476128

Triadic

#476128

#284761

#612847

Split Complementary

#476128

#282B61

#5F2861

Tetradic

#476128

#28615F

#422861

#61282B

Color Blindness Simulation

Original

#476128

Protanopia

#525236

Deuteranopia

#514F39

Tritanopia

#484143

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDEACC
300
#C4DBA8
400
#A4C879
500
#84B54A
600
#6A903C
700
#557430
800
#425A25
900
#32431E
950
#202A13

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

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