#8A2CC3

#8A2CC3

Color Values

HEX

#8A2CC3

RGB

138, 44, 195

HSL

277.4, 63.2%, 46.9%

HSV

277.4, 77.4%, 76.5%

CMYK

29.2%, 77.4%, 0.0%, 23.5%

OKLCH

0.5096 0.2208 308.6

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#8A2CC3

#65C32C

Analogous

#3F2CC3

#C32CB1

#8A2CC3

Triadic

#8A2CC3

#C38A2C

#2CC38A

Split Complementary

#8A2CC3

#B1C32C

#2CC33F

Tetradic

#8A2CC3

#C33F2C

#65C32C

#2CB1C3

Color Blindness Simulation

Original

#8A2CC3

Protanopia

#61609F

Deuteranopia

#676E96

Tritanopia

#85827B

Achromatopsia

#4B4B4B

CSS Usage

background-color: #8A2CC3;
color: #8A2CC3;
border-color: #8A2CC3;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FB
100
#F0E4F7
200
#E1C5F2
300
#CB9BE8
400
#AF65DC
500
#932FD0
600
#7626A6
700
#5E1E85
800
#4A1768
900
#37154C
950
#230D30

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail 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