#7F5C89

#7F5C89

Color Values

HEX

#7F5C89

RGB

127, 92, 137

HSL

286.7, 19.7%, 44.9%

HSV

286.7, 32.8%, 53.7%

CMYK

7.3%, 32.8%, 0.0%, 46.3%

OKLCH

0.5279 0.0802 318.6

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7F5C89

#66895C

Analogous

#685C89

#895C7C

#7F5C89

Triadic

#7F5C89

#897F5C

#5C897F

Split Complementary

#7F5C89

#7C895C

#5C8968

Tetradic

#7F5C89

#89685C

#66895C

#5C7C89

Color Blindness Simulation

Original

#7F5C89

Protanopia

#70707E

Deuteranopia

#72747B

Tritanopia

#7D7674

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#DFD4E2
300
#C9B6CE
400
#AB8EB3
500
#8D6699
600
#71527A
700
#5B4262
800
#47334C
900
#352839
950
#221924

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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