#48545D

#48545D

Color Values

HEX

#48545D

RGB

72, 84, 93

HSL

205.7, 12.7%, 32.4%

HSV

205.7, 22.6%, 36.5%

CMYK

22.6%, 9.7%, 0.0%, 63.5%

OKLCH

0.4388 0.0212 240.4

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#48545D

#5D5148

Analogous

#485D5C

#484A5D

#48545D

Triadic

#48545D

#5D4854

#545D48

Split Complementary

#48545D

#5D484A

#5D5C48

Tetradic

#48545D

#5C485D

#5D5148

#4A5D48

Color Blindness Simulation

Original

#48545D

Protanopia

#4D4D5B

Deuteranopia

#4C4C5A

Tritanopia

#495959

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DCE0
300
#BAC3CA
400
#95A2AD
500
#6F8290
600
#596873
700
#47535C
800
#384148
900
#2B3136
950
#1B1F22

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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