#7F7590

#7F7590

Color Values

HEX

#7F7590

RGB

127, 117, 144

HSL

262.2, 10.8%, 51.2%

HSV

262.2, 18.8%, 56.5%

CMYK

11.8%, 18.8%, 0.0%, 43.5%

OKLCH

0.581 0.0423 302.0

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#7F7590

#869075

Analogous

#757990

#8D7590

#7F7590

Triadic

#7F7590

#907F75

#75907F

Split Complementary

#7F7590

#908D75

#799075

Tetradic

#7F7590

#907579

#869075

#75908D

Color Blindness Simulation

Original

#7F7590

Protanopia

#7B7B89

Deuteranopia

#7B7C88

Tritanopia

#7E8483

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DAD7DF
300
#C0BBC8
400
#9E96AB
500
#7C728D
600
#635B71
700
#4F495A
800
#3E3947
900
#2F2C35
950
#1E1C22

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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