#8F5484

#8F5484

Color Values

HEX

#8F5484

RGB

143, 84, 132

HSL

311.2, 26.0%, 44.5%

HSV

311.2, 41.3%, 56.1%

CMYK

0.0%, 41.3%, 7.7%, 43.9%

OKLCH

0.5302 0.1018 334.1

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#8F5484

#548F5F

Analogous

#7C548F

#8F5466

#8F5484

Triadic

#8F5484

#848F54

#54848F

Split Complementary

#8F5484

#668F54

#548F7C

Tetradic

#8F5484

#8F7C54

#548F5F

#54668F

Color Blindness Simulation

Original

#8F5484

Protanopia

#757578

Deuteranopia

#797D76

Tritanopia

#8C6F6D

Achromatopsia

#646464

CSS Usage

background-color: #8F5484;
color: #8F5484;
border-color: #8F5484;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D2E1
300
#D2B2CC
400
#B988B0
500
#A15E94
600
#814B77
700
#673C5F
800
#502F4A
900
#3C2538
950
#261723

Contrast Checker

Text on white

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