#476229

#476229

Color Values

HEX

#476229

RGB

71, 98, 41

HSL

88.4, 41.0%, 27.3%

HSV

88.4, 58.2%, 38.4%

CMYK

27.6%, 0.0%, 58.2%, 61.6%

OKLCH

0.4607 0.0893 130.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#476229

#442962

Analogous

#626129

#2B6229

#476229

Triadic

#476229

#294762

#622947

Split Complementary

#476229

#292B62

#612962

Tetradic

#476229

#296261

#442962

#62292B

Color Blindness Simulation

Original

#476229

Protanopia

#535337

Deuteranopia

#514F3A

Tritanopia

#484244

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DCEACD
300
#C3DBA9
400
#A3C77A
500
#82B44B
600
#68903C
700
#537330
800
#415A26
900
#31421F
950
#1F2A13

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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