#7B5571

#7B5571

Color Values

HEX

#7B5571

RGB

123, 85, 113

HSL

315.8, 18.3%, 40.8%

HSV

315.8, 30.9%, 48.2%

CMYK

0.0%, 30.9%, 8.1%, 51.8%

OKLCH

0.4999 0.0645 336.5

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#7B5571

#557B5F

Analogous

#72557B

#7B555E

#7B5571

Triadic

#7B5571

#717B55

#55717B

Split Complementary

#7B5571

#5E7B55

#557B72

Tetradic

#7B5571

#7B7255

#557B5F

#555E7B

Color Blindness Simulation

Original

#7B5571

Protanopia

#6B6A6A

Deuteranopia

#6D7069

Tritanopia

#796564

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D5DE
300
#CDB7C7
400
#B28FA9
500
#97688B
600
#79536F
700
#614359
800
#4B3445
900
#382834
950
#241A21

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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