#786FC8

#786FC8

Color Values

HEX

#786FC8

RGB

120, 111, 200

HSL

246.1, 44.7%, 61.0%

HSV

246.1, 44.5%, 78.4%

CMYK

40.0%, 44.5%, 0.0%, 21.6%

OKLCH

0.5902 0.1331 286.2

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#786FC8

#BFC86F

Analogous

#6F93C8

#A56FC8

#786FC8

Triadic

#786FC8

#C8786F

#6FC878

Split Complementary

#786FC8

#C8A56F

#93C86F

Tetradic

#786FC8

#C86F93

#BFC86F

#6FC8A5

Color Blindness Simulation

Original

#786FC8

Protanopia

#7474B2

Deuteranopia

#7575AD

Tritanopia

#78A19E

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEB
300
#ACA6DD
400
#7F76CB
500
#5247B8
600
#423894
700
#352D76
800
#29235C
900
#211D44
950
#15122B

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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