#8346BB

#8346BB

Color Values

HEX

#8346BB

RGB

131, 70, 187

HSL

271.3, 46.2%, 50.4%

HSV

271.3, 62.6%, 73.3%

CMYK

29.9%, 62.6%, 0.0%, 26.7%

OKLCH

0.5246 0.1792 305.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8346BB

#7EBB46

Analogous

#4946BB

#BB46B8

#8346BB

Triadic

#8346BB

#BB8346

#46BB83

Split Complementary

#8346BB

#B8BB46

#46BB49

Tetradic

#8346BB

#BB4946

#7EBB46

#46B8BB

Color Blindness Simulation

Original

#8346BB

Protanopia

#69689F

Deuteranopia

#6C7198

Tritanopia

#808883

Achromatopsia

#5B5B5B

CSS Usage

background-color: #8346BB;
color: #8346BB;
border-color: #8346BB;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DCCBEC
300
#C3A6DE
400
#A375CC
500
#8245BA
600
#683795
700
#532C77
800
#41225D
900
#311C45
950
#1F122B

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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