#786587

#786587

Color Values

HEX

#786587

RGB

120, 101, 135

HSL

273.5, 14.4%, 46.3%

HSV

273.5, 25.2%, 52.9%

CMYK

11.1%, 25.2%, 0.0%, 47.1%

OKLCH

0.5375 0.0567 309.8

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#786587

#748765

Analogous

#676587

#876585

#786587

Triadic

#786587

#877865

#658778

Split Complementary

#786587

#858765

#658767

Tetradic

#786587

#876765

#748765

#658587

Color Blindness Simulation

Original

#786587

Protanopia

#70707F

Deuteranopia

#71727D

Tritanopia

#777877

Achromatopsia

#6B6B6B

CSS Usage

background-color: #786587;
color: #786587;
border-color: #786587;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DCD6E0
300
#C3B9CB
400
#A293AE
500
#826D92
600
#685775
700
#53465D
800
#413749
900
#312A37
950
#1F1B23

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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