#7F7182

#7F7182

Color Values

HEX

#7F7182

RGB

127, 113, 130

HSL

289.4, 7.0%, 47.6%

HSV

289.4, 13.1%, 51.0%

CMYK

2.3%, 13.1%, 0.0%, 49.0%

OKLCH

0.5673 0.0307 320.3

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#7F7182

#748271

Analogous

#767182

#82717C

#7F7182

Triadic

#7F7182

#827F71

#71827F

Split Complementary

#7F7182

#7C8271

#718276

Tetradic

#7F7182

#827671

#748271

#717C82

Color Blindness Simulation

Original

#7F7182

Protanopia

#79797E

Deuteranopia

#7A7B7D

Tritanopia

#7E7B7A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD9DE
300
#C5BEC6
400
#A59AA7
500
#857788
600
#6B5F6D
700
#554C57
800
#433B44
900
#322D34
950
#201D21

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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