#786BAD

#786BAD

Color Values

HEX

#786BAD

RGB

120, 107, 173

HSL

251.8, 28.7%, 54.9%

HSV

251.8, 38.2%, 67.8%

CMYK

30.6%, 38.2%, 0.0%, 32.2%

OKLCH

0.5676 0.1007 291.9

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#786BAD

#A0AD6B

Analogous

#6B7FAD

#996BAD

#786BAD

Triadic

#786BAD

#AD786B

#6BAD78

Split Complementary

#786BAD

#AD996B

#7FAD6B

Tetradic

#786BAD

#AD6B7F

#A0AD6B

#6BAD99

Color Blindness Simulation

Original

#786BAD

Protanopia

#72729D

Deuteranopia

#737499

Tritanopia

#77908E

Achromatopsia

#737373

CSS Usage

background-color: #786BAD;
color: #786BAD;
border-color: #786BAD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F5F9
100
#EBE9F2
200
#D5D1E6
300
#B7B0D3
400
#9086BC
500
#695BA4
600
#544983
700
#433A69
800
#352D52
900
#29243D
950
#1A1727

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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