#787EBA

#787EBA

Color Values

HEX

#787EBA

RGB

120, 126, 186

HSL

234.5, 32.4%, 60.0%

HSV

234.5, 35.5%, 72.9%

CMYK

35.5%, 32.3%, 0.0%, 27.1%

OKLCH

0.6125 0.091 279.0

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#787EBA

#BAB478

Analogous

#789FBA

#9378BA

#787EBA

Triadic

#787EBA

#BA787E

#7EBA78

Split Complementary

#787EBA

#BA9378

#9FBA78

Tetradic

#787EBA

#BA789F

#BAB478

#78BA93

Color Blindness Simulation

Original

#787EBA

Protanopia

#7B7BAB

Deuteranopia

#7A7AA8

Tritanopia

#78A09E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D2E7
300
#AEB2D6
400
#8288BF
500
#565EA9
600
#454B87
700
#373C6C
800
#2B2F54
900
#22253F
950
#161728

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.49: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