#484585

#484585

Color Values

HEX

#484585

RGB

72, 69, 133

HSL

242.8, 31.7%, 39.6%

HSV

242.8, 48.1%, 52.2%

CMYK

45.9%, 48.1%, 0.0%, 47.8%

OKLCH

0.4259 0.1037 283.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#484585

#828545

Analogous

#456285

#684585

#484585

Triadic

#484585

#854845

#458548

Split Complementary

#484585

#856845

#628545

Tetradic

#484585

#854562

#828545

#458568

Color Blindness Simulation

Original

#484585

Protanopia

#474776

Deuteranopia

#474772

Tritanopia

#486967

Achromatopsia

#4A4A4A

CSS Usage

background-color: #484585;
color: #484585;
border-color: #484585;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E9E8F2
200
#D1D0E7
300
#B0AED5
400
#8683BF
500
#5B57A8
600
#494686
700
#3A386B
800
#2D2C54
900
#24233E
950
#171627

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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