#476440

#476440

Color Values

HEX

#476440

RGB

71, 100, 64

HSL

108.3, 22.0%, 32.2%

HSV

108.3, 36.0%, 39.2%

CMYK

29.0%, 0.0%, 36.0%, 60.8%

OKLCH

0.4701 0.066 139.6

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#476440

#5D4064

Analogous

#596440

#40644B

#476440

Triadic

#476440

#404764

#644047

Split Complementary

#476440

#4B4064

#644059

Tetradic

#476440

#405964

#5D4064

#644B40

Color Blindness Simulation

Original

#476440

Protanopia

#545449

Deuteranopia

#52504B

Tritanopia

#485051

Achromatopsia

#5B5B5B

CSS Usage

background-color: #476440;
color: #476440;
border-color: #476440;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D7E3D3
300
#BACFB4
400
#94B58C
500
#6E9C63
600
#587C50
700
#476440
800
#374E32
900
#2B3A27
950
#1B2519

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

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