#787CBA

#787CBA

Color Values

HEX

#787CBA

RGB

120, 124, 186

HSL

236.4, 32.4%, 60.0%

HSV

236.4, 35.5%, 72.9%

CMYK

35.5%, 33.3%, 0.0%, 27.1%

OKLCH

0.6083 0.0938 280.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#787CBA

#BAB678

Analogous

#789DBA

#9578BA

#787CBA

Triadic

#787CBA

#BA787C

#7CBA78

Split Complementary

#787CBA

#BA9578

#9DBA78

Tetradic

#787CBA

#BA789D

#BAB678

#78BA95

Color Blindness Simulation

Original

#787CBA

Protanopia

#7A7AAB

Deuteranopia

#7A79A7

Tritanopia

#789F9D

Achromatopsia

#808080

CSS Usage

background-color: #787CBA;
color: #787CBA;
border-color: #787CBA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AEB0D6
400
#8286BF
500
#565BA9
600
#454987
700
#373A6C
800
#2B2E54
900
#22243F
950
#161728

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026