#484058

#484058

Color Values

HEX

#484058

RGB

72, 64, 88

HSL

260.0, 15.8%, 29.8%

HSV

260.0, 27.3%, 34.5%

CMYK

18.2%, 27.3%, 0.0%, 65.5%

OKLCH

0.3894 0.0412 299.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#484058

#505840

Analogous

#404458

#544058

#484058

Triadic

#484058

#584840

#405848

Split Complementary

#484058

#585440

#445840

Tetradic

#484058

#584044

#505840

#405854

Color Blindness Simulation

Original

#484058

Protanopia

#454452

Deuteranopia

#454651

Tritanopia

#484E4D

Achromatopsia

#434343

CSS Usage

background-color: #484058;
color: #484058;
border-color: #484058;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D6E1
300
#BFB8CB
400
#9C92B0
500
#796B94
600
#615676
700
#4D455E
800
#3C364A
900
#2E2A37
950
#1D1A23

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

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