#480D7C

#480D7C

Color Values

HEX

#480D7C

RGB

72, 13, 124

HSL

271.9, 81.0%, 26.9%

HSV

271.9, 89.5%, 48.6%

CMYK

41.9%, 89.5%, 0.0%, 51.4%

OKLCH

0.3365 0.1651 301.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#480D7C

#417C0D

Analogous

#110D7C

#7C0D79

#480D7C

Triadic

#480D7C

#7C480D

#0D7C48

Split Complementary

#480D7C

#797C0D

#0D7C11

Tetradic

#480D7C

#7C110D

#417C0D

#0D797C

Color Blindness Simulation

Original

#480D7C

Protanopia

#2E2E61

Deuteranopia

#32365B

Tritanopia

#454C47

Achromatopsia

#222222

CSS Usage

background-color: #480D7C;
color: #480D7C;
border-color: #480D7C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBEF8
300
#C590F3
400
#A554ED
500
#8618E7
600
#6B13B9
700
#561094
800
#430C73
900
#330D54
950
#200835

Contrast Checker

Text on white

12.93:1

AA Pass AAA Pass

Text on black

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