#8368B7

#8368B7

Color Values

HEX

#8368B7

RGB

131, 104, 183

HSL

260.5, 35.4%, 56.3%

HSV

260.5, 43.2%, 71.8%

CMYK

28.4%, 43.2%, 0.0%, 28.2%

OKLCH

0.5773 0.1208 298.3

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8368B7

#9CB768

Analogous

#6875B7

#AB68B7

#8368B7

Triadic

#8368B7

#B78368

#68B783

Split Complementary

#8368B7

#B7AB68

#75B768

Tetradic

#8368B7

#B76875

#9CB768

#68B7AB

Color Blindness Simulation

Original

#8368B7

Protanopia

#7777A4

Deuteranopia

#797B9F

Tritanopia

#829591

Achromatopsia

#737373

CSS Usage

background-color: #8368B7;
color: #8368B7;
border-color: #8368B7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EBE8F3
200
#D7CFE8
300
#BBACD7
400
#967FC2
500
#7152AD
600
#5B428A
700
#48356E
800
#392956
900
#2C2140
950
#1C1528

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026