#480AC2

#480AC2

Color Values

HEX

#480AC2

RGB

72, 10, 194

HSL

260.2, 90.2%, 40.0%

HSV

260.2, 94.8%, 76.1%

CMYK

62.9%, 94.8%, 0.0%, 23.9%

OKLCH

0.4105 0.2363 283.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#480AC2

#84C20A

Analogous

#0A28C2

#A40AC2

#480AC2

Triadic

#480AC2

#C2480A

#0AC248

Split Complementary

#480AC2

#C2A40A

#28C20A

Tetradic

#480AC2

#C20A28

#84C20A

#0AC2A4

Color Blindness Simulation

Original

#480AC2

Protanopia

#2D2D96

Deuteranopia

#31358B

Tritanopia

#45726B

Achromatopsia

#242424

CSS Usage

background-color: #480AC2;
color: #480AC2;
border-color: #480AC2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FD
100
#E9DFFB
200
#D1BBFC
300
#B08BF9
400
#854CF6
500
#5A0CF3
600
#480AC2
700
#3A089B
800
#2D0679
900
#240958
950
#160637

Contrast Checker

Text on white

10.01:1

AA Pass AAA Pass

Text on black

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