#7B5378

#7B5378

Color Values

HEX

#7B5378

RGB

123, 83, 120

HSL

304.5, 19.4%, 40.4%

HSV

304.5, 32.5%, 48.2%

CMYK

0.0%, 32.5%, 2.4%, 51.8%

OKLCH

0.499 0.0755 329.2

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#7B5378

#537B56

Analogous

#6A537B

#7B5364

#7B5378

Triadic

#7B5378

#787B53

#53787B

Split Complementary

#7B5378

#647B53

#537B6A

Tetradic

#7B5378

#7B6A53

#537B56

#53647B

Color Blindness Simulation

Original

#7B5378

Protanopia

#6A696F

Deuteranopia

#6C6F6D

Tritanopia

#796866

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E1
300
#CEB6CC
400
#B38EB0
500
#986795
600
#7A5277
700
#61425F
800
#4C334A
900
#392838
950
#241923

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026