#481473

#481473

Color Values

HEX

#481473

RGB

72, 20, 115

HSL

272.8, 70.4%, 26.5%

HSV

272.8, 82.6%, 45.1%

CMYK

37.4%, 82.6%, 0.0%, 54.9%

OKLCH

0.3338 0.15 303.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#481473

#3F7314

Analogous

#181473

#73146F

#481473

Triadic

#481473

#734814

#147348

Split Complementary

#481473

#6F7314

#147318

Tetradic

#481473

#731814

#3F7314

#146F73

Color Blindness Simulation

Original

#481473

Protanopia

#31315C

Deuteranopia

#343856

Tritanopia

#454A46

Achromatopsia

#262626

CSS Usage

background-color: #481473;
color: #481473;
border-color: #481473;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DEC2F4
300
#C697ED
400
#A75EE3
500
#8826D9
600
#6D1EAE
700
#57188B
800
#44136D
900
#33124F
950
#200B32

Contrast Checker

Text on white

12.94:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026