#480798

#480798

Color Values

HEX

#480798

RGB

72, 7, 152

HSL

266.9, 91.2%, 31.2%

HSV

266.9, 95.4%, 59.6%

CMYK

52.6%, 95.4%, 0.0%, 40.4%

OKLCH

0.3621 0.1959 292.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#480798

#579807

Analogous

#070E98

#910798

#480798

Triadic

#480798

#984807

#079848

Split Complementary

#480798

#989107

#0E9807

Tetradic

#480798

#98070E

#579807

#079891

Color Blindness Simulation

Original

#480798

Protanopia

#2C2B75

Deuteranopia

#30346C

Tritanopia

#455953

Achromatopsia

#1F1F1F

CSS Usage

background-color: #480798;
color: #480798;
border-color: #480798;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FD
100
#ECDFFB
200
#D8BBFC
300
#BC8AFA
400
#984BF7
500
#730BF4
600
#5C09C3
700
#4A079C
800
#3A067A
900
#2C0958
950
#1C0538

Contrast Checker

Text on white

11.94:1

AA Pass AAA Pass

Text on black

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