#474346

#474346

Color Values

HEX

#474346

RGB

71, 67, 70

HSL

315.0, 2.9%, 27.1%

HSV

315.0, 5.6%, 27.8%

CMYK

0.0%, 5.6%, 1.4%, 72.2%

OKLCH

0.3879 0.0073 334.2

Properties

Warm Dark Nearest: RAL 7031 Blue Grey

Color Harmonies

Complementary

#474346

#434744

Analogous

#464347

#474344

#474346

Triadic

#474346

#464743

#434647

Split Complementary

#474346

#444743

#434746

Tetradic

#474346

#474643

#434744

#434447

Color Blindness Simulation

Original

#474346

Protanopia

#454545

Deuteranopia

#464645

Tritanopia

#474545

Achromatopsia

#444444

CSS Usage

background-color: #474346;
color: #474346;
border-color: #474346;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADC
300
#C4C0C3
400
#A39EA2
500
#837C81
600
#696367
700
#544F53
800
#423E41
900
#322F31
950
#1F1E1F

Contrast Checker

Text on white

9.73:1

AA Pass AAA Pass

Text on black

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