#48485E

#48485E

Color Values

HEX

#48485E

RGB

72, 72, 94

HSL

240.0, 13.3%, 32.5%

HSV

240.0, 23.4%, 36.9%

CMYK

23.4%, 23.4%, 0.0%, 63.1%

OKLCH

0.4106 0.0366 284.7

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#48485E

#5E5E48

Analogous

#48535E

#53485E

#48485E

Triadic

#48485E

#5E4848

#485E48

Split Complementary

#48485E

#5E5348

#535E48

Tetradic

#48485E

#5E4853

#5E5E48

#485E53

Color Blindness Simulation

Original

#48485E

Protanopia

#484859

Deuteranopia

#484857

Tritanopia

#485454

Achromatopsia

#4A4A4A

CSS Usage

background-color: #48485E;
color: #48485E;
border-color: #48485E;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F8
100
#EBEBEF
200
#D7D7E0
300
#BABACA
400
#9494AD
500
#6F6F90
600
#585874
700
#47475C
800
#373748
900
#2B2B36
950
#1B1B22

Contrast Checker

Text on white

8.88:1

AA Pass AAA Pass

Text on black

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