#786FE2

#786FE2

Color Values

HEX

#786FE2

RGB

120, 111, 226

HSL

244.7, 66.5%, 66.1%

HSV

244.7, 50.9%, 88.6%

CMYK

46.9%, 50.9%, 0.0%, 11.4%

OKLCH

0.6061 0.1689 283.7

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#786FE2

#D9E26F

Analogous

#6FA0E2

#B26FE2

#786FE2

Triadic

#786FE2

#E2786F

#6FE278

Split Complementary

#786FE2

#E2B26F

#A0E26F

Tetradic

#786FE2

#E26FA0

#D9E26F

#6FE2B2

Color Blindness Simulation

Original

#786FE2

Protanopia

#7474C6

Deuteranopia

#7575C0

Tritanopia

#78B0AB

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C7C4F3
300
#9F99EA
400
#6C62DF
500
#382BD4
600
#2D22AA
700
#241B88
800
#1C156A
900
#18134D
950
#0F0C31

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026