#875AAD

#875AAD

Color Values

HEX

#875AAD

RGB

135, 90, 173

HSL

272.5, 33.6%, 51.6%

HSV

272.5, 48.0%, 67.8%

CMYK

22.0%, 48.0%, 0.0%, 32.2%

OKLCH

0.5512 0.1323 307.6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#875AAD

#80AD5A

Analogous

#5E5AAD

#AD5AAA

#875AAD

Triadic

#875AAD

#AD875A

#5AAD87

Split Complementary

#875AAD

#AAAD5A

#5AAD5E

Tetradic

#875AAD

#AD5E5A

#80AD5A

#5AAAAD

Color Blindness Simulation

Original

#875AAD

Protanopia

#747399

Deuteranopia

#767A94

Tritanopia

#858986

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DCCFE7
300
#C4ADD6
400
#A381C0
500
#8355AA
600
#694488
700
#54366D
800
#422A55
900
#32223F
950
#1F1528

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026