#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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026