#474F52

#474F52

Color Values

HEX

#474F52

RGB

71, 79, 82

HSL

196.4, 7.2%, 30.0%

HSV

196.4, 13.4%, 32.2%

CMYK

13.4%, 3.7%, 0.0%, 67.8%

OKLCH

0.4215 0.0115 222.3

Properties

Cool Dark Nearest: RAL 7011 Iron Grey

Color Harmonies

Complementary

#474F52

#524A47

Analogous

#475250

#474952

#474F52

Triadic

#474F52

#52474F

#4F5247

Split Complementary

#474F52

#524749

#525047

Tetradic

#474F52

#504752

#524A47

#495247

Color Blindness Simulation

Original

#474F52

Protanopia

#4A4B51

Deuteranopia

#4A4951

Tritanopia

#475151

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DCDE
300
#BDC4C6
400
#9AA4A7
500
#768489
600
#5F696D
700
#4C5457
800
#3B4244
900
#2D3234
950
#1D1F21

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026