#7A6372

#7A6372

Color Values

HEX

#7A6372

RGB

122, 99, 114

HSL

320.9, 10.4%, 43.3%

HSV

320.9, 18.9%, 47.8%

CMYK

0.0%, 18.9%, 6.6%, 52.2%

OKLCH

0.5272 0.0368 339.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#7A6372

#637A6B

Analogous

#76637A

#7A6366

#7A6372

Triadic

#7A6372

#727A63

#63727A

Split Complementary

#7A6372

#667A63

#637A76

Tetradic

#7A6372

#7A7663

#637A6B

#63667A

Color Blindness Simulation

Original

#7A6372

Protanopia

#70706E

Deuteranopia

#71736E

Tritanopia

#796C6B

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DC
300
#C8BBC4
400
#AA97A4
500
#8D7284
600
#715B69
700
#5A4954
800
#463942
900
#352C32
950
#211C1F

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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