#484256

#484256

Color Values

HEX

#484256

RGB

72, 66, 86

HSL

258.0, 13.2%, 29.8%

HSV

258.0, 23.3%, 33.7%

CMYK

16.3%, 23.3%, 0.0%, 66.3%

OKLCH

0.3931 0.0342 298.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#484256

#505642

Analogous

#424656

#524256

#484256

Triadic

#484256

#564842

#425648

Split Complementary

#484256

#565242

#465642

Tetradic

#484256

#564246

#505642

#425652

Color Blindness Simulation

Original

#484256

Protanopia

#454551

Deuteranopia

#464650

Tritanopia

#484D4C

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D9D7E0
300
#BFBACA
400
#9C94AD
500
#796F90
600
#615973
700
#4D475C
800
#3C3748
900
#2E2B36
950
#1D1B22

Contrast Checker

Text on white

9.59:1

AA Pass AAA Pass

Text on black

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