#7A657F

#7A657F

Color Values

HEX

#7A657F

RGB

122, 101, 127

HSL

288.5, 11.4%, 44.7%

HSV

288.5, 20.5%, 49.8%

CMYK

3.9%, 20.5%, 0.0%, 50.2%

OKLCH

0.5363 0.0472 319.7

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7A657F

#6A7F65

Analogous

#6D657F

#7F6577

#7A657F

Triadic

#7A657F

#7F7A65

#657F7A

Split Complementary

#7A657F

#777F65

#657F6D

Tetradic

#7A657F

#7F6D65

#6A7F65

#65777F

Color Blindness Simulation

Original

#7A657F

Protanopia

#717179

Deuteranopia

#727477

Tritanopia

#797473

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DED7DF
300
#C6BBC9
400
#A796AB
500
#88718E
600
#6D5A72
700
#57485B
800
#443847
900
#342B35
950
#211B22

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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