#4D4154

#4D4154

Color Values

HEX

#4D4154

RGB

77, 65, 84

HSL

277.9, 12.8%, 29.2%

HSV

277.9, 22.6%, 32.9%

CMYK

8.3%, 22.6%, 0.0%, 67.1%

OKLCH

0.395 0.035 313.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#4D4154

#485441

Analogous

#434154

#544151

#4D4154

Triadic

#4D4154

#544D41

#41544D

Split Complementary

#4D4154

#515441

#415443

Tetradic

#4D4154

#544341

#485441

#415154

Color Blindness Simulation

Original

#4D4154

Protanopia

#48484F

Deuteranopia

#48494E

Tritanopia

#4C4C4B

Achromatopsia

#454545

CSS Usage

background-color: #4D4154;
color: #4D4154;
border-color: #4D4154;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A495AD
500
#846F90
600
#695973
700
#54475C
800
#423848
900
#322B36
950
#201B22

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026