#481570

#481570

Color Values

HEX

#481570

RGB

72, 21, 112

HSL

273.6, 68.4%, 26.1%

HSV

273.6, 81.2%, 43.9%

CMYK

35.7%, 81.2%, 0.0%, 56.1%

OKLCH

0.3321 0.1457 304.9

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#481570

#3D7015

Analogous

#1A1570

#70156B

#481570

Triadic

#481570

#704815

#157048

Split Complementary

#481570

#6B7015

#15701A

Tetradic

#481570

#701A15

#3D7015

#156B70

Color Blindness Simulation

Original

#481570

Protanopia

#32315A

Deuteranopia

#353955

Tritanopia

#454945

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC3F4
300
#C798EC
400
#A860E1
500
#8A28D7
600
#6E20AC
700
#581A89
800
#45146B
900
#34134E
950
#210C31

Contrast Checker

Text on white

12.99:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026