#7B5374

#7B5374

Color Values

HEX

#7B5374

RGB

123, 83, 116

HSL

310.5, 19.4%, 40.4%

HSV

310.5, 32.5%, 48.2%

CMYK

0.0%, 32.5%, 5.7%, 51.8%

OKLCH

0.4973 0.0714 333.0

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#7B5374

#537B5A

Analogous

#6E537B

#7B5360

#7B5374

Triadic

#7B5374

#747B53

#53747B

Split Complementary

#7B5374

#607B53

#537B6E

Tetradic

#7B5374

#7B6E53

#537B5A

#53607B

Color Blindness Simulation

Original

#7B5374

Protanopia

#6A696C

Deuteranopia

#6C6F6A

Tritanopia

#796664

Achromatopsia

#5E5E5E

CSS Usage

background-color: #7B5374;
color: #7B5374;
border-color: #7B5374;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D4E0
300
#CEB6CA
400
#B38EAD
500
#986790
600
#7A5273
700
#61425C
800
#4C3348
900
#392836
950
#241922

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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