#4E4151

#4E4151

Color Values

HEX

#4E4151

RGB

78, 65, 81

HSL

288.8, 11.0%, 28.6%

HSV

288.8, 19.8%, 31.8%

CMYK

3.7%, 19.8%, 0.0%, 68.2%

OKLCH

0.3948 0.0314 319.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#4E4151

#445141

Analogous

#464151

#51414C

#4E4151

Triadic

#4E4151

#514E41

#41514E

Split Complementary

#4E4151

#4C5141

#415146

Tetradic

#4E4151

#514641

#445141

#414C51

Color Blindness Simulation

Original

#4E4151

Protanopia

#48484D

Deuteranopia

#494A4C

Tritanopia

#4D4A49

Achromatopsia

#454545

CSS Usage

background-color: #4E4151;
color: #4E4151;
border-color: #4E4151;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DED7DF
300
#C6BBC9
400
#A796AB
500
#88718E
600
#6D5B71
700
#57495B
800
#443947
900
#332C35
950
#201C22

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026