#474858

#474858

Color Values

HEX

#474858

RGB

71, 72, 88

HSL

236.5, 10.7%, 31.2%

HSV

236.5, 19.3%, 34.5%

CMYK

19.3%, 18.2%, 0.0%, 65.5%

OKLCH

0.407 0.0267 282.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#474858

#585747

Analogous

#475158

#4F4758

#474858

Triadic

#474858

#584748

#485847

Split Complementary

#474858

#584F47

#515847

Tetradic

#474858

#584751

#585747

#47584F

Color Blindness Simulation

Original

#474858

Protanopia

#474754

Deuteranopia

#474753

Tritanopia

#475150

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D7D8DF
300
#BBBCC8
400
#9798AB
500
#72738D
600
#5B5C71
700
#494A5A
800
#393A47
900
#2C2C35
950
#1C1C22

Contrast Checker

Text on white

8.99:1

AA Pass AAA Pass

Text on black

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