#7F6673

#7F6673

Color Values

HEX

#7F6673

RGB

127, 102, 115

HSL

328.8, 10.9%, 44.9%

HSV

328.8, 19.7%, 49.8%

CMYK

0.0%, 19.7%, 9.4%, 50.2%

OKLCH

0.539 0.0371 345.8

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#7F6673

#667F72

Analogous

#7E667F

#7F6667

#7F6673

Triadic

#7F6673

#737F66

#66737F

Split Complementary

#7F6673

#677F66

#667F7E

Tetradic

#7F6673

#7F7E66

#667F72

#66677F

Color Blindness Simulation

Original

#7F6673

Protanopia

#747470

Deuteranopia

#76776F

Tritanopia

#7E6D6D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#DFD7DB
300
#C8BBC2
400
#AB96A1
500
#8D7280
600
#715B66
700
#5A4952
800
#473940
900
#352C31
950
#221C1F

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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