#7B6680

#7B6680

Color Values

HEX

#7B6680

RGB

123, 102, 128

HSL

288.5, 11.3%, 45.1%

HSV

288.5, 20.3%, 50.2%

CMYK

3.9%, 20.3%, 0.0%, 49.8%

OKLCH

0.5397 0.0471 319.7

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7B6680

#6B8066

Analogous

#6E6680

#806678

#7B6680

Triadic

#7B6680

#807B66

#66807B

Split Complementary

#7B6680

#788066

#66806E

Tetradic

#7B6680

#806E66

#6B8066

#667880

Color Blindness Simulation

Original

#7B6680

Protanopia

#72727A

Deuteranopia

#737578

Tritanopia

#7A7574

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DED7DF
300
#C6BBC9
400
#A796AB
500
#88718E
600
#6D5A72
700
#57485B
800
#443947
900
#332C35
950
#211B22

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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