#884697

#884697

Color Values

HEX

#884697

RGB

136, 70, 151

HSL

288.9, 36.7%, 43.3%

HSV

288.9, 53.6%, 59.2%

CMYK

9.9%, 53.6%, 0.0%, 40.8%

OKLCH

0.5084 0.1413 319.9

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#884697

#559746

Analogous

#5F4697

#97467D

#884697

Triadic

#884697

#978846

#469788

Split Complementary

#884697

#7D9746

#46975F

Tetradic

#884697

#975F46

#559746

#467D97

Color Blindness Simulation

Original

#884697

Protanopia

#6B6B83

Deuteranopia

#6F747F

Tritanopia

#857471

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F3
200
#E4CEE8
300
#D0ABD8
400
#B67EC3
500
#9D51AE
600
#7E418B
700
#643470
800
#4E2857
900
#3B2040
950
#251429

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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