#8B4BBC

#8B4BBC

Color Values

HEX

#8B4BBC

RGB

139, 75, 188

HSL

274,0, 45,7%, 51,6%

HSV

274,0, 60,1%, 73,7%

CMYK

26,1%, 60,1%, 0,0%, 26,3%

OKLCH

0,5415 0,1752 307,7

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8B4BBC

#7CBC4B

Analogous

#534BBC

#BC4BB4

#8B4BBC

Triadic

#8B4BBC

#BC8B4B

#4BBC8B

Split Complementary

#8B4BBC

#B4BC4B

#4BBC53

Tetradic

#8B4BBC

#BC534B

#7CBC4B

#4BB4BC

Color Blindness Simulation

Original

#8B4BBC

Protanopia

#6F6FA1

Deuteranopia

#73789A

Tritanopia

#888B86

Achromatopsia

#616161

CSS Usage

background-color: #8B4BBC;
color: #8B4BBC;
border-color: #8B4BBC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C6A6DE
400
#A676CC
500
#8745BA
600
#6C3795
700
#572C77
800
#44235D
900
#331D44
950
#20122B

Contrast Checker

Text on white

5,48:1

AA Pass AAA Fail

Text on black

3,83: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