#787CDC

#787CDC

Color Values

HEX

#787CDC

RGB

120, 124, 220

HSL

237,6, 58,8%, 66,7%

HSV

237,6, 45,5%, 86,3%

CMYK

45,5%, 43,6%, 0,0%, 13,7%

OKLCH

0,6267 0,1427 279,6

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787CDC

#DCD878

Analogous

#78AEDC

#A678DC

#787CDC

Triadic

#787CDC

#DC787C

#7CDC78

Split Complementary

#787CDC

#DCA678

#AEDC78

Tetradic

#787CDC

#DC78AE

#DCD878

#78DCA6

Color Blindness Simulation

Original

#787CDC

Protanopia

#7A7AC5

Deuteranopia

#7A79BF

Tritanopia

#78B2AE

Achromatopsia

#828282

CSS Usage

background-color: #787CDC;
color: #787CDC;
border-color: #787CDC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C8F0
300
#9EA1E6
400
#696ED8
500
#353BCA
600
#2A2FA2
700
#222582
800
#1A1D65
900
#17194A
950
#0E102F

Contrast Checker

Text on white

3,67:1

AA Fail AAA Fail

Text on black

5,72: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