#786FBF

#786FBF

Color Values

HEX

#786FBF

RGB

120, 111, 191

HSL

246.8, 38.5%, 59.2%

HSV

246.8, 41.9%, 74.9%

CMYK

37.2%, 41.9%, 0.0%, 25.1%

OKLCH

0.5851 0.1204 287.2

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#786FBF

#B6BF6F

Analogous

#6F8EBF

#A06FBF

#786FBF

Triadic

#786FBF

#BF786F

#6FBF78

Split Complementary

#786FBF

#BFA06F

#8EBF6F

Tetradic

#786FBF

#BF6F8E

#B6BF6F

#6FBFA0

Color Blindness Simulation

Original

#786FBF

Protanopia

#7474AC

Deuteranopia

#7575A7

Tritanopia

#789C99

Achromatopsia

#777777

CSS Usage

background-color: #786FBF;
color: #786FBF;
border-color: #786FBF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CEE9
300
#B0AAD9
400
#857CC5
500
#5A4EB1
600
#483F8D
700
#393271
800
#2D2758
900
#232041
950
#161429

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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