#7A607D

#7A607D

Color Values

HEX

#7A607D

RGB

122, 96, 125

HSL

293.8, 13.1%, 43.3%

HSV

293.8, 23.2%, 49.0%

CMYK

2.4%, 23.2%, 0.0%, 51.0%

OKLCH

0.5253 0.0546 322.9

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7A607D

#637D60

Analogous

#6B607D

#7D6071

#7A607D

Triadic

#7A607D

#7D7A60

#607D7A

Split Complementary

#7A607D

#717D60

#607D6B

Tetradic

#7A607D

#7D6B60

#637D60

#60717D

Color Blindness Simulation

Original

#7A607D

Protanopia

#6F6F76

Deuteranopia

#707274

Tritanopia

#79706F

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#DFD7E0
300
#C8BACA
400
#AA94AD
500
#8D6F90
600
#715973
700
#5A475C
800
#463748
900
#352B36
950
#211B22

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026