#480F81

#480F81

Color Values

HEX

#480F81

RGB

72, 15, 129

HSL

270.0, 79.2%, 28.2%

HSV

270.0, 88.4%, 50.6%

CMYK

44.2%, 88.4%, 0.0%, 49.4%

OKLCH

0.3428 0.1687 299.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#480F81

#48810F

Analogous

#0F0F81

#810F81

#480F81

Triadic

#480F81

#81480F

#0F8148

Split Complementary

#480F81

#81810F

#0F810F

Tetradic

#480F81

#810F0F

#48810F

#0F8181

Color Blindness Simulation

Original

#480F81

Protanopia

#2F2F65

Deuteranopia

#33375F

Tritanopia

#45504B

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DBBFF8
300
#C291F2
400
#A156EB
500
#801BE4
600
#6615B7
700
#521192
800
#400D72
900
#300E53
950
#1F0934

Contrast Checker

Text on white

12.64:1

AA Pass AAA Pass

Text on black

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