#8A48AD

#8A48AD

Color Values

HEX

#8A48AD

RGB

138, 72, 173

HSL

279.2, 41.2%, 48.0%

HSV

279.2, 58.4%, 67.8%

CMYK

20.2%, 58.4%, 0.0%, 32.2%

OKLCH

0.5266 0.1628 312.3

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8A48AD

#6BAD48

Analogous

#5748AD

#AD489D

#8A48AD

Triadic

#8A48AD

#AD8A48

#48AD8A

Split Complementary

#8A48AD

#9DAD48

#48AD57

Tetradic

#8A48AD

#AD5748

#6BAD48

#489DAD

Color Blindness Simulation

Original

#8A48AD

Protanopia

#6D6D95

Deuteranopia

#71768F

Tritanopia

#87817D

Achromatopsia

#5D5D5D

CSS Usage

background-color: #8A48AD;
color: #8A48AD;
border-color: #8A48AD;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CDEA
300
#CAA9DB
400
#AD7AC8
500
#904BB4
600
#733C90
700
#5C3073
800
#48255A
900
#361E42
950
#22132A

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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