#7F6773

#7F6773

Color Values

HEX

#7F6773

RGB

127, 103, 115

HSL

330.0, 10.4%, 45.1%

HSV

330.0, 18.9%, 49.8%

CMYK

0.0%, 18.9%, 9.4%, 50.2%

OKLCH

0.5411 0.0352 346.8

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#7F6773

#677F73

Analogous

#7F677F

#7F6767

#7F6773

Triadic

#7F6773

#737F67

#67737F

Split Complementary

#7F6773

#677F67

#677F7F

Tetradic

#7F6773

#7F7F67

#677F73

#67677F

Color Blindness Simulation

Original

#7F6773

Protanopia

#757470

Deuteranopia

#76786F

Tritanopia

#7E6E6D

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DB
300
#C8BBC2
400
#AA97A1
500
#8D7280
600
#715B66
700
#5A4952
800
#463940
900
#352C30
950
#211C1F

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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