#485757

#485757

Color Values

HEX

#485757

RGB

72, 87, 87

HSL

180.0, 9.4%, 31.2%

HSV

180.0, 17.2%, 34.1%

CMYK

17.2%, 0.0%, 0.0%, 65.9%

OKLCH

0.444 0.0187 196.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#485757

#574848

Analogous

#485750

#485057

#485757

Triadic

#485757

#574857

#575748

Split Complementary

#485757

#574850

#575048

Tetradic

#485757

#504857

#574848

#505748

Color Blindness Simulation

Original

#485757

Protanopia

#4E4F57

Deuteranopia

#4E4C57

Tritanopia

#495757

Achromatopsia

#545454

CSS Usage

background-color: #485757;
color: #485757;
border-color: #485757;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#ECEFEF
200
#D8DFDF
300
#BCC8C8
400
#98AAAA
500
#748B8B
600
#5C7070
700
#4A5959
800
#3A4646
900
#2C3535
950
#1C2121

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