#4F5462

#4F5462

Color Values

HEX

#4F5462

RGB

79, 84, 98

HSL

224.2, 10.7%, 34.7%

HSV

224.2, 19.4%, 38.4%

CMYK

19.4%, 14.3%, 0.0%, 61.6%

OKLCH

0.4467 0.0238 269.9

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#4F5462

#625D4F

Analogous

#4F5D62

#534F62

#4F5462

Triadic

#4F5462

#624F54

#54624F

Split Complementary

#4F5462

#62534F

#5D624F

Tetradic

#4F5462

#624F5D

#625D4F

#4F6253

Color Blindness Simulation

Original

#4F5462

Protanopia

#51515F

Deuteranopia

#51505E

Tritanopia

#4F5C5B

Achromatopsia

#545454

CSS Usage

background-color: #4F5462;
color: #4F5462;
border-color: #4F5462;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D7D9DF
300
#BBBFC8
400
#979CAB
500
#72798D
600
#5B6171
700
#494D5A
800
#393D47
900
#2C2E35
950
#1C1D22

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026