#7B586C

#7B586C

Color Values

HEX

#7B586C

RGB

123, 88, 108

HSL

325.7, 16.6%, 41.4%

HSV

325.7, 28.5%, 48.2%

CMYK

0.0%, 28.5%, 12.2%, 51.8%

OKLCH

0.5039 0.0543 344.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#7B586C

#587B67

Analogous

#79587B

#7B585B

#7B586C

Triadic

#7B586C

#6C7B58

#586C7B

Split Complementary

#7B586C

#5B7B58

#587B79

Tetradic

#7B586C

#7B7958

#587B67

#585B7B

Color Blindness Simulation

Original

#7B586C

Protanopia

#6C6C67

Deuteranopia

#6E7066

Tritanopia

#796362

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D5DC
300
#CCB8C3
400
#B091A3
500
#956A83
600
#775568
700
#5F4454
800
#4A3541
900
#382931
950
#231A1F

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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