#484654

#484654

Color Values

HEX

#484654

RGB

72, 70, 84

HSL

248.6, 9.1%, 30.2%

HSV

248.6, 16.7%, 32.9%

CMYK

14.3%, 16.7%, 0.0%, 67.1%

OKLCH

0.4015 0.0234 291.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#484654

#525446

Analogous

#464B54

#4F4654

#484654

Triadic

#484654

#544846

#465448

Split Complementary

#484654

#544F46

#4B5446

Tetradic

#484654

#54464B

#525446

#46544F

Color Blindness Simulation

Original

#484654

Protanopia

#474751

Deuteranopia

#474750

Tritanopia

#484E4D

Achromatopsia

#474747

CSS Usage

background-color: #484654;
color: #484654;
border-color: #484654;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D9D8DF
300
#BEBCC7
400
#9B98A9
500
#77748B
600
#5F5D6F
700
#4C4A59
800
#3C3A46
900
#2E2C34
950
#1D1C21

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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