#786383

#786383

Color Values

HEX

#786383

RGB

120, 99, 131

HSL

279.4, 13.9%, 45.1%

HSV

279.4, 24.4%, 51.4%

CMYK

8.4%, 24.4%, 0.0%, 48.6%

OKLCH

0.5318 0.0551 313.9

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#786383

#6E8363

Analogous

#686383

#83637E

#786383

Triadic

#786383

#837863

#638378

Split Complementary

#786383

#7E8363

#638368

Tetradic

#786383

#836863

#6E8363

#637E83

Color Blindness Simulation

Original

#786383

Protanopia

#6F6F7B

Deuteranopia

#707279

Tritanopia

#777574

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E0
300
#C4B9CA
400
#A594AE
500
#856E91
600
#6A5874
700
#55465D
800
#433749
900
#322A37
950
#201B22

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026