#884BCA

#884BCA

Color Values

HEX

#884BCA

RGB

136, 75, 202

HSL

268.8, 54.5%, 54.3%

HSV

268.8, 62.9%, 79.2%

CMYK

32.7%, 62.9%, 0.0%, 20.8%

OKLCH

0.5474 0.1902 302.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#884BCA

#8DCA4B

Analogous

#4B4DCA

#C74BCA

#884BCA

Triadic

#884BCA

#CA884B

#4BCA88

Split Complementary

#884BCA

#CAC74B

#4DCA4B

Tetradic

#884BCA

#CA4B4D

#8DCA4B

#4BCAC7

Color Blindness Simulation

Original

#884BCA

Protanopia

#6E6DAB

Deuteranopia

#7176A4

Tritanopia

#85938E

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DBC8EF
300
#C0A0E3
400
#9F6DD4
500
#7D3AC5
600
#642E9E
700
#50257E
800
#3E1D62
900
#2F1948
950
#1E102E

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026