#884180

#884180

Color Values

HEX

#884180

RGB

136, 65, 128

HSL

306.8, 35.3%, 39.4%

HSV

306.8, 52.2%, 53.3%

CMYK

0.0%, 52.2%, 5.9%, 46.7%

OKLCH

0.489 0.1271 331.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#884180

#418849

Analogous

#6D4188

#88415C

#884180

Triadic

#884180

#808841

#418088

Split Complementary

#884180

#5C8841

#41886D

Tetradic

#884180

#886D41

#418849

#415C88

Color Blindness Simulation

Original

#884180

Protanopia

#696971

Deuteranopia

#6D736D

Tritanopia

#846562

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CFE5
300
#D7ACD3
400
#C27FBA
500
#AD52A2
600
#8A4282
700
#6E3568
800
#562951
900
#40213C
950
#281526

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026