#786DBC

#786DBC

Color Values

HEX

#786DBC

RGB

120, 109, 188

HSL

248.4, 37.1%, 58.2%

HSV

248.4, 42.0%, 73.7%

CMYK

36.2%, 42.0%, 0.0%, 26.3%

OKLCH

0.5795 0.1191 288.5

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#786DBC

#B1BC6D

Analogous

#6D89BC

#9F6DBC

#786DBC

Triadic

#786DBC

#BC786D

#6DBC78

Split Complementary

#786DBC

#BC9F6D

#89BC6D

Tetradic

#786DBC

#BC6D89

#B1BC6D

#6DBC9F

Color Blindness Simulation

Original

#786DBC

Protanopia

#7373A9

Deuteranopia

#7475A4

Tritanopia

#779A96

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D2CEE9
300
#B1ABD9
400
#877EC4
500
#5D50AF
600
#4B408C
700
#3C3370
800
#2F2857
900
#252041
950
#171429

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026