#476328

#476328

Color Values

HEX

#476328

RGB

71, 99, 40

HSL

88.5, 42.4%, 27.3%

HSV

88.5, 59.6%, 38.8%

CMYK

28.3%, 0.0%, 59.6%, 61.2%

OKLCH

0.4632 0.0919 130.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#476328

#442863

Analogous

#636228

#2A6328

#476328

Triadic

#476328

#284763

#632847

Split Complementary

#476328

#282A63

#622863

Tetradic

#476328

#286362

#442863

#63282A

Color Blindness Simulation

Original

#476328

Protanopia

#535336

Deuteranopia

#524F3A

Tritanopia

#484244

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DCEACC
300
#C3DCA8
400
#A3C979
500
#82B649
600
#68913B
700
#53742F
800
#415B25
900
#31431E
950
#1F2A13

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

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