#8C6ABC

#8C6ABC

Color Values

HEX

#8C6ABC

RGB

140, 106, 188

HSL

264.9, 38.0%, 57.6%

HSV

264.9, 43.6%, 73.7%

CMYK

25.5%, 43.6%, 0.0%, 26.3%

OKLCH

0.5924 0.126 301.8

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#8C6ABC

#9ABC6A

Analogous

#6A71BC

#B56ABC

#8C6ABC

Triadic

#8C6ABC

#BC8C6A

#6ABC8C

Split Complementary

#8C6ABC

#BCB56A

#71BC6A

Tetradic

#8C6ABC

#BC6A71

#9ABC6A

#6ABCB5

Color Blindness Simulation

Original

#8C6ABC

Protanopia

#7D7DA8

Deuteranopia

#7F82A3

Tritanopia

#8A9895

Achromatopsia

#777777

CSS Usage

background-color: #8C6ABC;
color: #8C6ABC;
border-color: #8C6ABC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CEE9
300
#BEABD9
400
#9B7DC5
500
#774FB0
600
#5F3F8D
700
#4C3371
800
#3C2858
900
#2E2041
950
#1D1429

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026