#8B4483

#8B4483

Color Values

HEX

#8B4483

RGB

139, 68, 131

HSL

306.8, 34.3%, 40.6%

HSV

306.8, 51.1%, 54.5%

CMYK

0.0%, 51.1%, 5.8%, 45.5%

OKLCH

0.499 0.1268 331.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8B4483

#448B4C

Analogous

#70448B

#8B445F

#8B4483

Triadic

#8B4483

#838B44

#44838B

Split Complementary

#8B4483

#5F8B44

#448B70

Tetradic

#8B4483

#8B7044

#448B4C

#445F8B

Color Blindness Simulation

Original

#8B4483

Protanopia

#6C6C74

Deuteranopia

#707670

Tritanopia

#876865

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F2E8F1
200
#E8CFE5
300
#D7ADD2
400
#C180BA
500
#AB54A1
600
#894381
700
#6E3667
800
#562A51
900
#3F213C
950
#281526

Contrast Checker

Text on white

6.46:1

AA Pass AAA Fail

Text on black

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