#786EF0

#786EF0

Color Values

HEX

#786EF0

RGB

120, 110, 240

HSL

244.6, 81.2%, 68.6%

HSV

244.6, 54.2%, 94.1%

CMYK

50.0%, 54.2%, 0.0%, 5.9%

OKLCH

0.6137 0.1889 282.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#786EF0

#E6F06E

Analogous

#6EA5F0

#B96EF0

#786EF0

Triadic

#786EF0

#F0786E

#6EF078

Split Complementary

#786EF0

#F0B96E

#A5F06E

Tetradic

#786EF0

#F06EA5

#E6F06E

#6EF0B9

Color Blindness Simulation

Original

#786EF0

Protanopia

#7474D1

Deuteranopia

#7475C9

Tritanopia

#78B8B2

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C3BEF8
300
#9890F3
400
#6054ED
500
#2818E7
600
#2013B9
700
#1A0F94
800
#140C74
900
#120D54
950
#0C0835

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.29:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026