#875498

#875498

Color Values

HEX

#875498

RGB

135, 84, 152

HSL

285.0, 28.8%, 46.3%

HSV

285.0, 44.7%, 59.6%

CMYK

11.2%, 44.7%, 0.0%, 40.4%

OKLCH

0.5299 0.1175 317.3

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#875498

#659854

Analogous

#655498

#985487

#875498

Triadic

#875498

#988754

#549887

Split Complementary

#875498

#879854

#549865

Tetradic

#875498

#986554

#659854

#548798

Color Blindness Simulation

Original

#875498

Protanopia

#717088

Deuteranopia

#747884

Tritanopia

#847B78

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E0D1E6
300
#CBB0D3
400
#AE85BC
500
#925BA4
600
#754983
700
#5D3A69
800
#492D52
900
#37243D
950
#231727

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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