#474656

#474656

Color Values

HEX

#474656

RGB

71, 70, 86

HSL

243.8, 10.3%, 30.6%

HSV

243.8, 18.6%, 33.7%

CMYK

17.4%, 18.6%, 0.0%, 66.3%

OKLCH

0.4014 0.0267 288.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#474656

#555646

Analogous

#464D56

#4F4656

#474656

Triadic

#474656

#564746

#465647

Split Complementary

#474656

#564F46

#4D5646

Tetradic

#474656

#56464D

#555646

#46564F

Color Blindness Simulation

Original

#474656

Protanopia

#474752

Deuteranopia

#474751

Tritanopia

#474F4E

Achromatopsia

#474747

CSS Usage

background-color: #474656;
color: #474656;
border-color: #474656;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D8D8DF
300
#BCBBC8
400
#9897AA
500
#74728D
600
#5D5B71
700
#4A495A
800
#3A3946
900
#2D2C35
950
#1C1C21

Contrast Checker

Text on white

9.22:1

AA Pass AAA Pass

Text on black

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