#4D484C

#4D484C

Color Values

HEX

#4D484C

RGB

77, 72, 76

HSL

312.0, 3.4%, 29.2%

HSV

312.0, 6.5%, 30.2%

CMYK

0.0%, 6.5%, 1.3%, 69.8%

OKLCH

0.408 0.0093 332.3

Properties

Warm Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#4D484C

#484D49

Analogous

#4B484D

#4D4849

#4D484C

Triadic

#4D484C

#4C4D48

#484C4D

Split Complementary

#4D484C

#494D48

#484D4B

Tetradic

#4D484C

#4D4B48

#484D49

#48494D

Color Blindness Simulation

Original

#4D484C

Protanopia

#4B4B4B

Deuteranopia

#4B4C4B

Tritanopia

#4D4A4A

Achromatopsia

#494949

CSS Usage

background-color: #4D484C;
color: #4D484C;
border-color: #4D484C;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADC
300
#C4C0C3
400
#A49DA3
500
#847B82
600
#696368
700
#544F53
800
#423E41
900
#322F31
950
#201E1F

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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