#874AB7

#874AB7

Color Values

HEX

#874AB7

RGB

135, 74, 183

HSL

273.6, 43.1%, 50.4%

HSV

273.6, 59.6%, 71.8%

CMYK

26.2%, 59.6%, 0.0%, 28.2%

OKLCH

0.5322 0.1699 307.4

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#874AB7

#7AB74A

Analogous

#514AB7

#B74AB0

#874AB7

Triadic

#874AB7

#B7874A

#4AB787

Split Complementary

#874AB7

#B0B74A

#4AB751

Tetradic

#874AB7

#B7514A

#7AB74A

#4AB0B7

Color Blindness Simulation

Original

#874AB7

Protanopia

#6D6C9D

Deuteranopia

#707596

Tritanopia

#848883

Achromatopsia

#5F5F5F

CSS Usage

background-color: #874AB7;
color: #874AB7;
border-color: #874AB7;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F8F5FA
100
#EEE7F4
200
#DDCCEB
300
#C5A7DC
400
#A678C9
500
#8649B6
600
#6B3A92
700
#562E75
800
#43245B
900
#331E43
950
#20132A

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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