#8F4AB0

#8F4AB0

Color Values

HEX

#8F4AB0

RGB

143, 74, 176

HSL

280.6, 40.8%, 49.0%

HSV

280.6, 58.0%, 69.0%

CMYK

18.7%, 58.0%, 0.0%, 31.0%

OKLCH

0.5374 0.1649 313.4

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8F4AB0

#6BB04A

Analogous

#5C4AB0

#B04A9E

#8F4AB0

Triadic

#8F4AB0

#B08F4A

#4AB08F

Split Complementary

#8F4AB0

#9EB04A

#4AB05C

Tetradic

#8F4AB0

#B05C4A

#6BB04A

#4A9EB0

Color Blindness Simulation

Original

#8F4AB0

Protanopia

#717197

Deuteranopia

#757A91

Tritanopia

#8C8480

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CDEA
300
#CBA9DB
400
#AE7AC7
500
#924BB4
600
#753C90
700
#5D3073
800
#49265A
900
#371F42
950
#23132A

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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