#884CB3

#884CB3

Color Values

HEX

#884CB3

RGB

136, 76, 179

HSL

275.0, 40.4%, 50.0%

HSV

275.0, 57.5%, 70.2%

CMYK

24.0%, 57.5%, 0.0%, 29.8%

OKLCH

0.5337 0.1626 308.8

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#884CB3

#77B34C

Analogous

#554CB3

#B34CAA

#884CB3

Triadic

#884CB3

#B3884C

#4CB388

Split Complementary

#884CB3

#AAB34C

#4CB355

Tetradic

#884CB3

#B3554C

#77B34C

#4CAAB3

Color Blindness Simulation

Original

#884CB3

Protanopia

#6E6D9A

Deuteranopia

#727694

Tritanopia

#858682

Achromatopsia

#606060

CSS Usage

background-color: #884CB3;
color: #884CB3;
border-color: #884CB3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DECDEA
300
#C6A9DB
400
#A77BC7
500
#884CB3
600
#6D3D8F
700
#573173
800
#44265A
900
#331F42
950
#20132A

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026