#884392

#884392

Color Values

HEX

#884392

RGB

136, 67, 146

HSL

292.4, 37.1%, 41.8%

HSV

292.4, 54.1%, 57.3%

CMYK

6.8%, 54.1%, 0.0%, 42.7%

OKLCH

0.5013 0.1412 322.4

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#884392

#4D9243

Analogous

#614392

#924375

#884392

Triadic

#884392

#928843

#439288

Split Complementary

#884392

#759243

#439261

Tetradic

#884392

#926143

#4D9243

#437592

Color Blindness Simulation

Original

#884392

Protanopia

#6A6A7F

Deuteranopia

#6E737A

Tritanopia

#85706C

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F3
200
#E5CEE9
300
#D3ABD9
400
#BB7EC4
500
#A350AF
600
#82408C
700
#683370
800
#512857
900
#3D2041
950
#261429

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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