#786FE9

#786FE9

Color Values

HEX

#786FE9

RGB

120, 111, 233

HSL

244.4, 73.5%, 67.5%

HSV

244.4, 52.4%, 91.4%

CMYK

48.5%, 52.4%, 0.0%, 8.6%

OKLCH

0.6107 0.1783 283.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#786FE9

#E0E96F

Analogous

#6FA3E9

#B56FE9

#786FE9

Triadic

#786FE9

#E9786F

#6FE978

Split Complementary

#786FE9

#E9B56F

#A3E96F

Tetradic

#786FE9

#E96FA3

#E0E96F

#6FE9B5

Color Blindness Simulation

Original

#786FE9

Protanopia

#7474CC

Deuteranopia

#7575C4

Tritanopia

#78B4AF

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C5C1F6
300
#9B95EF
400
#655BE6
500
#3022DD
600
#261BB1
700
#1E168E
800
#18116F
900
#151050
950
#0D0A33

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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