#4F4456

#4F4456

Color Values

HEX

#4F4456

RGB

79, 68, 86

HSL

276.7, 11.7%, 30.2%

HSV

276.7, 20.9%, 33.7%

CMYK

8.1%, 20.9%, 0.0%, 66.3%

OKLCH

0.4047 0.0328 312.2

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#4F4456

#4B5644

Analogous

#464456

#564454

#4F4456

Triadic

#4F4456

#564F44

#44564F

Split Complementary

#4F4456

#545644

#445646

Tetradic

#4F4456

#564644

#4B5644

#445456

Color Blindness Simulation

Original

#4F4456

Protanopia

#4A4A52

Deuteranopia

#4B4C51

Tritanopia

#4E4E4D

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DCD7DF
300
#C3BBC9
400
#A396AC
500
#83718E
600
#695A72
700
#54485B
800
#413847
900
#322B36
950
#1F1B22

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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