#874F9D

#874F9D

Color Values

HEX

#874F9D

RGB

135, 79, 157

HSL

283.1, 33.1%, 46.3%

HSV

283.1, 49.7%, 61.6%

CMYK

14.0%, 49.7%, 0.0%, 38.4%

OKLCH

0.5243 0.1321 315.8

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#874F9D

#659D4F

Analogous

#604F9D

#9D4F8C

#874F9D

Triadic

#874F9D

#9D874F

#4F9D87

Split Complementary

#874F9D

#8C9D4F

#4F9D60

Tetradic

#874F9D

#9D604F

#659D4F

#4F8C9D

Color Blindness Simulation

Original

#874F9D

Protanopia

#6F6E8A

Deuteranopia

#727686

Tritanopia

#847B78

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE7
300
#CBAED6
400
#AE81C0
500
#9255AA
600
#754488
700
#5D376D
800
#492B55
900
#37223F
950
#231528

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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