#475536

#475536

Color Values

HEX

#475536

RGB

71, 85, 54

HSL

87.1, 22.3%, 27.3%

HSV

87.1, 36.5%, 33.3%

CMYK

16.5%, 0.0%, 36.5%, 66.7%

OKLCH

0.4286 0.0517 128.2

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#475536

#443655

Analogous

#555436

#385536

#475536

Triadic

#475536

#364755

#553647

Split Complementary

#475536

#363855

#543655

Tetradic

#475536

#365554

#443655

#553638

Color Blindness Simulation

Original

#475536

Protanopia

#4D4D3D

Deuteranopia

#4C4B3F

Tritanopia

#484345

Achromatopsia

#505050

CSS Usage

background-color: #475536;
color: #475536;
border-color: #475536;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F9F6
100
#EDF1EA
200
#DCE3D3
300
#C3CFB4
400
#A3B68C
500
#829C63
600
#687D4F
700
#53643F
800
#414E32
900
#313A27
950
#1F2518

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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