#871CB0

#871CB0

Color Values

HEX

#871CB0

RGB

135, 28, 176

HSL

283.4, 72.5%, 40.0%

HSV

283.4, 84.1%, 69.0%

CMYK

23.3%, 84.1%, 0.0%, 31.0%

OKLCH

0.4789 0.2171 313.7

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#871CB0

#45B01C

Analogous

#3D1CB0

#B01C8F

#871CB0

Triadic

#871CB0

#B0871C

#1CB087

Split Complementary

#871CB0

#8FB01C

#1CB03D

Tetradic

#871CB0

#B03D1C

#45B01C

#1C8FB0

Color Blindness Simulation

Original

#871CB0

Protanopia

#59588C

Deuteranopia

#5F6784

Tritanopia

#82706A

Achromatopsia

#3D3D3D

CSS Usage

background-color: #871CB0;
color: #871CB0;
border-color: #871CB0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F3FC
100
#F2E2F8
200
#E7C1F5
300
#D695EE
400
#BF5CE5
500
#A923DC
600
#871CB0
700
#6C168D
800
#54126E
900
#3F1150
950
#280B33

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

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