#785CE6

#785CE6

Color Values

HEX

#785CE6

RGB

120, 92, 230

HSL

252.2, 73.4%, 63.1%

HSV

252.2, 60.0%, 90.2%

CMYK

47.8%, 60.0%, 0.0%, 9.8%

OKLCH

0.5768 0.1997 287.8

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#785CE6

#CAE65C

Analogous

#5C85E6

#BD5CE6

#785CE6

Triadic

#785CE6

#E6785C

#5CE678

Split Complementary

#785CE6

#E6BD5C

#85E65C

Tetradic

#785CE6

#E65C85

#CAE65C

#5CE6BD

Color Blindness Simulation

Original

#785CE6

Protanopia

#6C6CC5

Deuteranopia

#6E70BD

Tritanopia

#77AAA4

Achromatopsia

#6C6C6C

CSS Usage

background-color: #785CE6;
color: #785CE6;
border-color: #785CE6;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CCC1F6
300
#A795EF
400
#785BE6
500
#4822DD
600
#3A1BB1
700
#2E168D
800
#24116F
900
#1D1050
950
#130A33

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026