#877BF7

#877BF7

Color Values

HEX

#877BF7

RGB

135, 123, 247

HSL

245.8, 88.6%, 72.5%

HSV

245.8, 50.2%, 96.9%

CMYK

45.3%, 50.2%, 0.0%, 3.1%

OKLCH

0.6526 0.1789 284.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#877BF7

#EBF77B

Analogous

#7BADF7

#C57BF7

#877BF7

Triadic

#877BF7

#F7877B

#7BF787

Split Complementary

#877BF7

#F7C57B

#ADF77B

Tetradic

#877BF7

#F77BAD

#EBF77B

#7BF7C5

Color Blindness Simulation

Original

#877BF7

Protanopia

#8282D9

Deuteranopia

#8283D2

Tritanopia

#86C1BC

Achromatopsia

#878787

CSS Usage

background-color: #877BF7;
color: #877BF7;
border-color: #877BF7;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C2BCFB
300
#968CF8
400
#5D4DF4
500
#240FF0
600
#1D0CC0
700
#17099A
800
#120778
900
#110A57
950
#0B0637

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass 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