#7F7487

#7F7487

Color Values

HEX

#7F7487

RGB

127, 116, 135

HSL

274.7, 7.6%, 49.2%

HSV

274.7, 14.1%, 52.9%

CMYK

5.9%, 14.1%, 0.0%, 47.1%

OKLCH

0.5754 0.0315 311.1

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#7F7487

#7C8774

Analogous

#757487

#877486

#7F7487

Triadic

#7F7487

#877F74

#74877F

Split Complementary

#7F7487

#868774

#748775

Tetradic

#7F7487

#877574

#7C8774

#748687

Color Blindness Simulation

Original

#7F7487

Protanopia

#7A7A82

Deuteranopia

#7B7C81

Tritanopia

#7E7F7E

Achromatopsia

#787878

CSS Usage

background-color: #7F7487;
color: #7F7487;
border-color: #7F7487;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DCD9DE
300
#C3BDC6
400
#A299A8
500
#817689
600
#675E6E
700
#534B58
800
#413B45
900
#312D34
950
#1F1D21

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass 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