#787ECB

#787ECB

Color Values

HEX

#787ECB

RGB

120, 126, 203

HSL

235.7, 44.4%, 63.3%

HSV

235.7, 40.9%, 79.6%

CMYK

40.9%, 37.9%, 0.0%, 20.4%

OKLCH

0.6212 0.1158 279.1

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787ECB

#CBC578

Analogous

#78A7CB

#9B78CB

#787ECB

Triadic

#787ECB

#CB787E

#7ECB78

Split Complementary

#787ECB

#CB9B78

#A7CB78

Tetradic

#787ECB

#CB78A7

#CBC578

#78CB9B

Color Blindness Simulation

Original

#787ECB

Protanopia

#7B7BB8

Deuteranopia

#7A7AB4

Tritanopia

#78AAA6

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCEEB
300
#A7ABDD
400
#777DCB
500
#474FB8
600
#393F93
700
#2D3376
800
#23285C
900
#1D2044
950
#12142B

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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