#8D63C2

#8D63C2

Color Values

HEX

#8D63C2

RGB

141, 99, 194

HSL

266.5, 43.8%, 57.5%

HSV

266.5, 49.0%, 76.1%

CMYK

27.3%, 49.0%, 0.0%, 23.9%

OKLCH

0.5846 0.1455 302.6

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8D63C2

#98C263

Analogous

#6369C2

#BD63C2

#8D63C2

Triadic

#8D63C2

#C28D63

#63C28D

Split Complementary

#8D63C2

#C2BD63

#69C263

Tetradic

#8D63C2

#C26369

#98C263

#63C2BD

Color Blindness Simulation

Original

#8D63C2

Protanopia

#7B7AAB

Deuteranopia

#7D80A5

Tritanopia

#8B9995

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F4
200
#D9CCEB
300
#BFA7DD
400
#9C77CA
500
#7948B7
600
#613993
700
#4D2E75
800
#3C245C
900
#2E1D44
950
#1D132B

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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