#486382

#486382

Color Values

HEX

#486382

RGB

72, 99, 130

HSL

212.1, 28.7%, 39.6%

HSV

212.1, 44.6%, 51.0%

CMYK

44.6%, 23.8%, 0.0%, 49.0%

OKLCH

0.4913 0.0595 252.4

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#486382

#826748

Analogous

#488082

#4A4882

#486382

Triadic

#486382

#824863

#638248

Split Complementary

#486382

#824A48

#808248

Tetradic

#486382

#824880

#826748

#48824A

Color Blindness Simulation

Original

#486382

Protanopia

#54547B

Deuteranopia

#525079

Tritanopia

#497573

Achromatopsia

#5F5F5F

CSS Usage

background-color: #486382;
color: #486382;
border-color: #486382;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DBE6
300
#B0C1D3
400
#869FBC
500
#5B7DA4
600
#496483
700
#3A5069
800
#2D3E52
900
#24303D
950
#171E27

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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