#787EDF

#787EDF

Color Values

HEX

#787EDF

RGB

120, 126, 223

HSL

236.5, 61.7%, 67.3%

HSV

236.5, 46.2%, 87.5%

CMYK

46.2%, 43.5%, 0.0%, 12.5%

OKLCH

0.6323 0.1442 278.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787EDF

#DFD978

Analogous

#78B2DF

#A678DF

#787EDF

Triadic

#787EDF

#DF787E

#7EDF78

Split Complementary

#787EDF

#DFA678

#B2DF78

Tetradic

#787EDF

#DF78B2

#DFD978

#78DFA6

Color Blindness Simulation

Original

#787EDF

Protanopia

#7B7BC8

Deuteranopia

#7A7AC2

Tritanopia

#78B5B1

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F7
200
#C5C8F1
300
#9CA0E8
400
#666DDB
500
#313ACE
600
#272EA5
700
#1F2584
800
#181D67
900
#16194B
950
#0E1030

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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