#8952B3

#8952B3

Color Values

HEX

#8952B3

RGB

137, 82, 179

HSL

274.0, 39.0%, 51.2%

HSV

274.0, 54.2%, 70.2%

CMYK

23.5%, 54.2%, 0.0%, 29.8%

OKLCH

0.5439 0.1535 308.3

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#8952B3

#7CB352

Analogous

#5852B3

#B352AD

#8952B3

Triadic

#8952B3

#B38952

#52B389

Split Complementary

#8952B3

#ADB352

#52B358

Tetradic

#8952B3

#B35852

#7CB352

#52ADB3

Color Blindness Simulation

Original

#8952B3

Protanopia

#71719C

Deuteranopia

#747896

Tritanopia

#868985

Achromatopsia

#656565

CSS Usage

background-color: #8952B3;
color: #8952B3;
border-color: #8952B3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DDCDE9
300
#C5AADA
400
#A67CC5
500
#864EB1
600
#6B3E8E
700
#563271
800
#432759
900
#331F41
950
#201429

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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