#7F5884

#7F5884

Color Values

HEX

#7F5884

RGB

127, 88, 132

HSL

293.2, 20.0%, 43.1%

HSV

293.2, 33.3%, 51.8%

CMYK

3.8%, 33.3%, 0.0%, 48.2%

OKLCH

0.5182 0.082 322.7

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7F5884

#5D8458

Analogous

#695884

#845873

#7F5884

Triadic

#7F5884

#847F58

#58847F

Split Complementary

#7F5884

#738458

#588469

Tetradic

#7F5884

#846958

#5D8458

#587384

Color Blindness Simulation

Original

#7F5884

Protanopia

#6E6E79

Deuteranopia

#707377

Tritanopia

#7D716F

Achromatopsia

#636363

CSS Usage

background-color: #7F5884;
color: #7F5884;
border-color: #7F5884;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E1D4E2
300
#CBB6CE
400
#AF8EB4
500
#936699
600
#76527A
700
#5E4162
800
#4A334D
900
#372839
950
#231924

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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