#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026