#484457

#484457

Color Values

HEX

#484457

RGB

72, 68, 87

HSL

252.6, 12.3%, 30.4%

HSV

252.6, 21.8%, 34.1%

CMYK

17.2%, 21.8%, 0.0%, 65.9%

OKLCH

0.3981 0.032 294.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#484457

#535744

Analogous

#444A57

#524457

#484457

Triadic

#484457

#574844

#445748

Split Complementary

#484457

#575244

#4A5744

Tetradic

#484457

#57444A

#535744

#445752

Color Blindness Simulation

Original

#484457

Protanopia

#464652

Deuteranopia

#464751

Tritanopia

#484F4E

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#D9D7E0
300
#BDBAC9
400
#9A95AC
500
#76708F
600
#5F5973
700
#4C485C
800
#3B3848
900
#2D2B36
950
#1D1B22

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026