#7F6475

#7F6475

Color Values

HEX

#7F6475

RGB

127, 100, 117

HSL

322.2, 11.9%, 44.5%

HSV

322.2, 21.3%, 49.8%

CMYK

0.0%, 21.3%, 7.9%, 50.2%

OKLCH

0.5356 0.0426 340.5

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#7F6475

#647F6E

Analogous

#7B647F

#7F6467

#7F6475

Triadic

#7F6475

#757F64

#64757F

Split Complementary

#7F6475

#677F64

#647F7B

Tetradic

#7F6475

#7F7B64

#647F6E

#64677F

Color Blindness Simulation

Original

#7F6475

Protanopia

#737371

Deuteranopia

#757770

Tritanopia

#7E6E6D

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DC
300
#C9BBC4
400
#AC95A4
500
#8F7083
600
#725A69
700
#5B4854
800
#473842
900
#362B32
950
#221B1F

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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