#786384

#786384

Color Values

HEX

#786384

RGB

120, 99, 132

HSL

278.2, 14.3%, 45.3%

HSV

278.2, 25.0%, 51.8%

CMYK

9.1%, 25.0%, 0.0%, 48.2%

OKLCH

0.5322 0.0564 313.1

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#786384

#6F8463

Analogous

#686384

#846380

#786384

Triadic

#786384

#847863

#638478

Split Complementary

#786384

#808463

#638468

Tetradic

#786384

#846863

#6F8463

#638084

Color Blindness Simulation

Original

#786384

Protanopia

#6F6F7C

Deuteranopia

#70727A

Tritanopia

#777674

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E0
300
#C4B9CB
400
#A493AE
500
#846D92
600
#6A5775
700
#55465D
800
#423749
900
#322A37
950
#201B23

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026