#786CE3

#786CE3

Color Values

HEX

#786CE3

RGB

120, 108, 227

HSL

246,1, 68,0%, 65,7%

HSV

246,1, 52,4%, 89,0%

CMYK

47,1%, 52,4%, 0,0%, 11,0%

OKLCH

0,6015 0,1744 284,4

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#786CE3

#D7E36C

Analogous

#6C9BE3

#B46CE3

#786CE3

Triadic

#786CE3

#E3786C

#6CE378

Split Complementary

#786CE3

#E3B46C

#9BE36C

Tetradic

#786CE3

#E36C9B

#D7E36C

#6CE3B4

Color Blindness Simulation

Original

#786CE3

Protanopia

#7373C6

Deuteranopia

#7474BF

Tritanopia

#77AFAA

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C3F4
300
#A198EB
400
#6E60E1
500
#3A29D6
600
#2F21AB
700
#251A89
800
#1D146B
900
#19134E
950
#100C31

Contrast Checker

Text on white

4,16:1

AA Fail AAA Fail

Text on black

5,05:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026