#8344BC

#8344BC

Color Values

HEX

#8344BC

RGB

131, 68, 188

HSL

271.5, 47.2%, 50.2%

HSV

271.5, 63.8%, 73.7%

CMYK

30.3%, 63.8%, 0.0%, 26.3%

OKLCH

0.5226 0.1831 305.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8344BC

#7DBC44

Analogous

#4744BC

#BC44B9

#8344BC

Triadic

#8344BC

#BC8344

#44BC83

Split Complementary

#8344BC

#B9BC44

#44BC47

Tetradic

#8344BC

#BC4744

#7DBC44

#44B9BC

Color Blindness Simulation

Original

#8344BC

Protanopia

#68679F

Deuteranopia

#6B7098

Tritanopia

#808883

Achromatopsia

#5A5A5A

CSS Usage

background-color: #8344BC;
color: #8344BC;
border-color: #8344BC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DCCAEC
300
#C3A5DF
400
#A374CD
500
#8343BC
600
#683696
700
#542B78
800
#41225E
900
#311C45
950
#1F122C

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026