#884AF7

#884AF7

Color Values

HEX

#884AF7

RGB

136, 74, 247

HSL

261.5, 91.5%, 62.9%

HSV

261.5, 70.0%, 96.9%

CMYK

44.9%, 70.0%, 0.0%, 3.1%

OKLCH

0.5797 0.2413 293.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#884AF7

#B9F74A

Analogous

#4A62F7

#DE4AF7

#884AF7

Triadic

#884AF7

#F7884A

#4AF788

Split Complementary

#884AF7

#F7DE4A

#62F74A

Tetradic

#884AF7

#F74A62

#B9F74A

#4AF7DE

Color Blindness Simulation

Original

#884AF7

Protanopia

#6D6DCD

Deuteranopia

#7175C3

Tritanopia

#85ACA5

Achromatopsia

#646464

CSS Usage

background-color: #884AF7;
color: #884AF7;
border-color: #884AF7;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F6F1FD
100
#E9DFFB
200
#D2BBFC
300
#B28AFA
400
#884AF7
500
#5E0BF4
600
#4C09C3
700
#3C079C
800
#2F057A
900
#250958
950
#170538

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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