#875AAF

#875AAF

Color Values

HEX

#875AAF

RGB

135, 90, 175

HSL

271.8, 34.7%, 52.0%

HSV

271.8, 48.6%, 68.6%

CMYK

22.9%, 48.6%, 0.0%, 31.4%

OKLCH

0.5523 0.1348 307.0

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#875AAF

#82AF5A

Analogous

#5D5AAF

#AF5AAD

#875AAF

Triadic

#875AAF

#AF875A

#5AAF87

Split Complementary

#875AAF

#ADAF5A

#5AAF5D

Tetradic

#875AAF

#AF5D5A

#82AF5A

#5AADAF

Color Blindness Simulation

Original

#875AAF

Protanopia

#74739A

Deuteranopia

#767A96

Tritanopia

#858A87

Achromatopsia

#6A6A6A

CSS Usage

background-color: #875AAF;
color: #875AAF;
border-color: #875AAF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DCCFE8
300
#C3ADD7
400
#A380C1
500
#8253AC
600
#684389
700
#53356E
800
#412A56
900
#312140
950
#1F1528

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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