#8710BC

#8710BC

Color Values

HEX

#8710BC

RGB

135, 16, 188

HSL

281.5, 84.3%, 40.0%

HSV

281.5, 91.5%, 73.7%

CMYK

28.2%, 91.5%, 0.0%, 26.3%

OKLCH

0.4823 0.2342 310.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8710BC

#45BC10

Analogous

#3110BC

#BC109B

#8710BC

Triadic

#8710BC

#BC8710

#10BC87

Split Complementary

#8710BC

#9BBC10

#10BC31

Tetradic

#8710BC

#BC3110

#45BC10

#109BBC

Color Blindness Simulation

Original

#8710BC

Protanopia

#535292

Deuteranopia

#5A6388

Tritanopia

#81716A

Achromatopsia

#363636

CSS Usage

background-color: #8710BC;
color: #8710BC;
border-color: #8710BC;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F9F2FD
100
#F2E0FA
200
#E7BDF9
300
#D68EF5
400
#BF51F0
500
#A914EB
600
#8710BC
700
#6C0D96
800
#540A75
900
#3F0C55
950
#270736

Contrast Checker

Text on white

7.42:1

AA Pass AAA Pass

Text on black

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