#874F9B

#874F9B

Color Values

HEX

#874F9B

RGB

135, 79, 155

HSL

284.2, 32.5%, 45.9%

HSV

284.2, 49.0%, 60.8%

CMYK

12.9%, 49.0%, 0.0%, 39.2%

OKLCH

0.5232 0.1298 316.6

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#874F9B

#639B4F

Analogous

#614F9B

#9B4F89

#874F9B

Triadic

#874F9B

#9B874F

#4F9B87

Split Complementary

#874F9B

#899B4F

#4F9B61

Tetradic

#874F9B

#9B614F

#639B4F

#4F899B

Color Blindness Simulation

Original

#874F9B

Protanopia

#6F6E89

Deuteranopia

#727684

Tritanopia

#847A77

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E1D0E7
300
#CBAED6
400
#AF82BF
500
#9356A9
600
#764587
700
#5E376C
800
#4A2B54
900
#37223F
950
#231628

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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