#475754

#475754

Color Values

HEX

#475754

RGB

71, 87, 84

HSL

168.8, 10.1%, 31.0%

HSV

168.8, 18.4%, 34.1%

CMYK

18.4%, 0.0%, 3.4%, 65.9%

OKLCH

0.4422 0.0205 182.7

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#475754

#57474A

Analogous

#47574C

#475257

#475754

Triadic

#475754

#544757

#575447

Split Complementary

#475754

#574752

#574C47

Tetradic

#475754

#4C4757

#57474A

#525747

Color Blindness Simulation

Original

#475754

Protanopia

#4E4E55

Deuteranopia

#4D4C55

Tritanopia

#485555

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDE
300
#BCC8C6
400
#97AAA7
500
#738C88
600
#5C706C
700
#495A57
800
#394644
900
#2C3533
950
#1C2120

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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