#7F5986

#7F5986

Color Values

HEX

#7F5986

RGB

127, 89, 134

HSL

290.7, 20.2%, 43.7%

HSV

290.7, 33.6%, 52.5%

CMYK

5.2%, 33.6%, 0.0%, 47.5%

OKLCH

0.521 0.0824 321.2

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7F5986

#608659

Analogous

#685986

#865976

#7F5986

Triadic

#7F5986

#867F59

#59867F

Split Complementary

#7F5986

#768659

#598668

Tetradic

#7F5986

#866859

#608659

#597686

Color Blindness Simulation

Original

#7F5986

Protanopia

#6F6E7B

Deuteranopia

#717478

Tritanopia

#7D7371

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E3
300
#CAB5CE
400
#AE8EB4
500
#916699
600
#74517B
700
#5D4162
800
#49334D
900
#372839
950
#221924

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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