#48575C

#48575C

Color Values

HEX

#48575C

RGB

72, 87, 92

HSL

195.0, 12.2%, 32.2%

HSV

195.0, 21.7%, 36.1%

CMYK

21.7%, 5.4%, 0.0%, 63.9%

OKLCH

0.4458 0.0204 220.0

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#48575C

#5C4D48

Analogous

#485C57

#484D5C

#48575C

Triadic

#48575C

#5C4857

#575C48

Split Complementary

#48575C

#5C484D

#5C5748

Tetradic

#48575C

#57485C

#5C4D48

#4D5C48

Color Blindness Simulation

Original

#48575C

Protanopia

#4E4F5B

Deuteranopia

#4E4C5A

Tritanopia

#495A5A

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDE0
300
#BAC6C9
400
#95A6AC
500
#70878F
600
#5A6C72
700
#48575C
800
#384448
900
#2B3336
950
#1B2022

Contrast Checker

Text on white

7.52:1

AA Pass AAA Pass

Text on black

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