#476126

#476126

Color Values

HEX

#476126

RGB

71, 97, 38

HSL

86.4, 43.7%, 26.5%

HSV

86.4, 60.8%, 38.0%

CMYK

26.8%, 0.0%, 60.8%, 62.0%

OKLCH

0.4576 0.0909 129.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#476126

#402661

Analogous

#615E26

#2A6126

#476126

Triadic

#476126

#264761

#612647

Split Complementary

#476126

#262A61

#5E2661

Tetradic

#476126

#26615E

#402661

#61262A

Color Blindness Simulation

Original

#476126

Protanopia

#525234

Deuteranopia

#514F38

Tritanopia

#484042

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEBCC
300
#C5DDA7
400
#A6CA77
500
#86B748
600
#6B9339
700
#56752E
800
#435C24
900
#33441D
950
#202B13

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026