#875AAA

#875AAA

Color Values

HEX

#875AAA

RGB

135, 90, 170

HSL

273.8, 32.0%, 51.0%

HSV

273.8, 47.1%, 66.7%

CMYK

20.6%, 47.1%, 0.0%, 33.3%

OKLCH

0.5496 0.1286 308.7

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#875AAA

#7DAA5A

Analogous

#5F5AAA

#AA5AA5

#875AAA

Triadic

#875AAA

#AA875A

#5AAA87

Split Complementary

#875AAA

#A5AA5A

#5AAA5F

Tetradic

#875AAA

#AA5F5A

#7DAA5A

#5AA5AA

Color Blindness Simulation

Original

#875AAA

Protanopia

#747397

Deuteranopia

#767A92

Tritanopia

#858784

Achromatopsia

#696969

CSS Usage

background-color: #875AAA;
color: #875AAA;
border-color: #875AAA;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C4AED5
400
#A482BF
500
#8557A8
600
#6A4587
700
#55376C
800
#422B54
900
#32223E
950
#201627

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

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