#8B4DA2

#8B4DA2

Color Values

HEX

#8B4DA2

RGB

139, 77, 162

HSL

283.8, 35.6%, 46.9%

HSV

283.8, 52.5%, 63.5%

CMYK

14.2%, 52.5%, 0.0%, 36.5%

OKLCH

0.5288 0.143 316.2

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#8B4DA2

#64A24D

Analogous

#614DA2

#A24D8F

#8B4DA2

Triadic

#8B4DA2

#A28B4D

#4DA28B

Split Complementary

#8B4DA2

#8FA24D

#4DA261

Tetradic

#8B4DA2

#A2614D

#64A24D

#4D8FA2

Color Blindness Simulation

Original

#8B4DA2

Protanopia

#70708D

Deuteranopia

#747888

Tritanopia

#887D7A

Achromatopsia

#606060

CSS Usage

background-color: #8B4DA2;
color: #8B4DA2;
border-color: #8B4DA2;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#F0E8F3
200
#E1CFE8
300
#CCACD8
400
#B07FC2
500
#9452AD
600
#77428A
700
#5F356F
800
#4A2956
900
#382140
950
#231528

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026