#4D515C

#4D515C

Color Values

HEX

#4D515C

RGB

77, 81, 92

HSL

224.0, 8.9%, 33.1%

HSV

224.0, 16.3%, 36.1%

CMYK

16.3%, 12.0%, 0.0%, 63.9%

OKLCH

0.4354 0.0188 269.7

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#4D515C

#5C584D

Analogous

#4D585C

#504D5C

#4D515C

Triadic

#4D515C

#5C4D51

#515C4D

Split Complementary

#4D515C

#5C504D

#585C4D

Tetradic

#4D515C

#5C4D58

#5C584D

#4D5C50

Color Blindness Simulation

Original

#4D515C

Protanopia

#4F4F59

Deuteranopia

#4E4E59

Tritanopia

#4D5757

Achromatopsia

#515151

CSS Usage

background-color: #4D515C;
color: #4D515C;
border-color: #4D515C;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DADE
300
#BCBFC7
400
#989DA9
500
#747A8B
600
#5D626F
700
#4A4E59
800
#3A3D45
900
#2D2F34
950
#1C1D21

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

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