#884BC3

#884BC3

Color Values

HEX

#884BC3

RGB

136, 75, 195

HSL

270.5, 50.0%, 52.9%

HSV

270.5, 61.5%, 76.5%

CMYK

30.3%, 61.5%, 0.0%, 23.5%

OKLCH

0.5426 0.1823 304.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#884BC3

#86C34B

Analogous

#4C4BC3

#C34BC2

#884BC3

Triadic

#884BC3

#C3884B

#4BC388

Split Complementary

#884BC3

#C2C34B

#4BC34C

Tetradic

#884BC3

#C34C4B

#86C34B

#4BC2C3

Color Blindness Simulation

Original

#884BC3

Protanopia

#6E6DA6

Deuteranopia

#71769F

Tritanopia

#858F8A

Achromatopsia

#616161

CSS Usage

background-color: #884BC3;
color: #884BC3;
border-color: #884BC3;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DCC9ED
300
#C2A3E0
400
#A171D0
500
#8140BF
600
#673399
700
#52297A
800
#402060
900
#311B46
950
#1F112C

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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