#786EED

#786EED

Color Values

HEX

#786EED

RGB

120, 110, 237

HSL

244,7, 77,9%, 68,0%

HSV

244,7, 53,6%, 92,9%

CMYK

49,4%, 53,6%, 0,0%, 7,1%

OKLCH

0,6116 0,1849 283,0

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#786EED

#E3ED6E

Analogous

#6EA3ED

#B76EED

#786EED

Triadic

#786EED

#ED786E

#6EED78

Split Complementary

#786EED

#EDB76E

#A3ED6E

Tetradic

#786EED

#ED6EA3

#E3ED6E

#6EEDB7

Color Blindness Simulation

Original

#786EED

Protanopia

#7474CE

Deuteranopia

#7475C7

Tritanopia

#78B6B1

Achromatopsia

#797979

CSS Usage

background-color: #786EED;
color: #786EED;
border-color: #786EED;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C4BFF7
300
#9A92F1
400
#6357EA
500
#2C1CE3
600
#2317B5
700
#1C1291
800
#160E71
900
#140E52
950
#0D0934

Contrast Checker

Text on white

4,0:1

AA Fail AAA Fail

Text on black

5,25: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