#486484

#486484

Color Values

HEX

#486484

RGB

72, 100, 132

HSL

212.0, 29.4%, 40.0%

HSV

212.0, 45.5%, 51.8%

CMYK

45.5%, 24.2%, 0.0%, 48.2%

OKLCH

0.4946 0.0614 252.3

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#486484

#846848

Analogous

#488284

#4A4884

#486484

Triadic

#486484

#844864

#648448

Split Complementary

#486484

#844A48

#828448

Tetradic

#486484

#844882

#846848

#48844A

Color Blindness Simulation

Original

#486484

Protanopia

#54547C

Deuteranopia

#52507A

Tritanopia

#497675

Achromatopsia

#606060

CSS Usage

background-color: #486484;
color: #486484;
border-color: #486484;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DBE6
300
#B0C1D4
400
#859FBC
500
#5A7DA5
600
#486484
700
#3A506A
800
#2D3F52
900
#24303D
950
#171E27

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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