#475656

#475656

Color Values

HEX

#475656

RGB

71, 86, 86

HSL

180.0, 9.6%, 30.8%

HSV

180.0, 17.4%, 33.7%

CMYK

17.4%, 0.0%, 0.0%, 66.3%

OKLCH

0.4403 0.0187 196.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#475656

#564747

Analogous

#47564F

#474F56

#475656

Triadic

#475656

#564756

#565647

Split Complementary

#475656

#56474F

#564F47

Tetradic

#475656

#4F4756

#564747

#4F5647

Color Blindness Simulation

Original

#475656

Protanopia

#4D4E56

Deuteranopia

#4D4C56

Tritanopia

#485656

Achromatopsia

#535353

CSS Usage

background-color: #475656;
color: #475656;
border-color: #475656;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#ECEFEF
200
#D8DFDF
300
#BCC8C8
400
#98AAAA
500
#738C8C
600
#5C7070
700
#4A5959
800
#3A4646
900
#2C3535
950
#1C2121

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026