#474E48

#474E48

Color Values

HEX

#474E48

RGB

71, 78, 72

HSL

128.6, 4.7%, 29.2%

HSV

128.6, 9.0%, 30.6%

CMYK

9.0%, 0.0%, 7.7%, 69.4%

OKLCH

0.4156 0.0133 149.6

Properties

Cool Dark Nearest: RAL 7010 Tarpaulin Grey

Color Harmonies

Complementary

#474E48

#4E474D

Analogous

#494E47

#474E4B

#474E48

Triadic

#474E48

#48474E

#4E4847

Split Complementary

#474E48

#4B474E

#4E4749

Tetradic

#474E48

#47494E

#4E474D

#4E4B47

Color Blindness Simulation

Original

#474E48

Protanopia

#4A4A49

Deuteranopia

#4A494A

Tritanopia

#474B4B

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDA
300
#BFC5C0
400
#9CA59D
500
#7A857B
600
#616B63
700
#4E554F
800
#3D433E
900
#2E322F
950
#1D201E

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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