#4F5F5C

#4F5F5C

Color Values

HEX

#4F5F5C

RGB

79, 95, 92

HSL

168.8, 9.2%, 34.1%

HSV

168.8, 16.8%, 37.3%

CMYK

16.8%, 0.0%, 3.2%, 62.7%

OKLCH

0.471 0.0202 182.8

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#4F5F5C

#5F4F52

Analogous

#4F5F54

#4F5A5F

#4F5F5C

Triadic

#4F5F5C

#5C4F5F

#5F5C4F

Split Complementary

#4F5F5C

#5F4F5A

#5F544F

Tetradic

#4F5F5C

#544F5F

#5F4F52

#5A5F4F

Color Blindness Simulation

Original

#4F5F5C

Protanopia

#56565D

Deuteranopia

#55545D

Tritanopia

#505D5D

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDD
300
#BCC7C5
400
#98A9A6
500
#748B87
600
#5D6F6C
700
#4A5956
800
#3A4643
900
#2C3433
950
#1C2120

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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