#484354

#484354

Color Values

HEX

#484354

RGB

72, 67, 84

HSL

257.6, 11.3%, 29.6%

HSV

257.6, 20.2%, 32.9%

CMYK

14.3%, 20.2%, 0.0%, 67.1%

OKLCH

0.3945 0.029 298.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#484354

#4F5443

Analogous

#434654

#504354

#484354

Triadic

#484354

#544843

#435448

Split Complementary

#484354

#545043

#465443

Tetradic

#484354

#544346

#4F5443

#435450

Color Blindness Simulation

Original

#484354

Protanopia

#464650

Deuteranopia

#46464F

Tritanopia

#484D4C

Achromatopsia

#454545

CSS Usage

background-color: #484354;
color: #484354;
border-color: #484354;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#DAD7DF
300
#BFBBC9
400
#9C96AB
500
#7A718E
600
#615A72
700
#4E485B
800
#3D3947
900
#2E2C35
950
#1D1B22

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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