#4F5463

#4F5463

Color Values

HEX

#4F5463

RGB

79, 84, 99

HSL

225.0, 11.2%, 34.9%

HSV

225.0, 20.2%, 38.8%

CMYK

20.2%, 15.2%, 0.0%, 61.2%

OKLCH

0.4471 0.0254 270.8

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#4F5463

#635E4F

Analogous

#4F5E63

#544F63

#4F5463

Triadic

#4F5463

#634F54

#54634F

Split Complementary

#4F5463

#63544F

#5E634F

Tetradic

#4F5463

#634F5E

#635E4F

#4F6354

Color Blindness Simulation

Original

#4F5463

Protanopia

#51515F

Deuteranopia

#51505E

Tritanopia

#4F5D5C

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBECEF
200
#D7D9DF
300
#BBBEC9
400
#969BAB
500
#71788E
600
#5B6071
700
#484D5B
800
#393C47
900
#2C2E35
950
#1C1D22

Contrast Checker

Text on white

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