#787FC3

#787FC3

Color Values

HEX

#787FC3

RGB

120, 127, 195

HSL

234.4, 38.5%, 61.8%

HSV

234.4, 38.5%, 76.5%

CMYK

38.5%, 34.9%, 0.0%, 23.5%

OKLCH

0.619 0.1028 278.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787FC3

#C3BC78

Analogous

#78A5C3

#9778C3

#787FC3

Triadic

#787FC3

#C3787F

#7FC378

Split Complementary

#787FC3

#C39778

#A5C378

Tetradic

#787FC3

#C378A5

#C3BC78

#78C397

Color Blindness Simulation

Original

#787FC3

Protanopia

#7B7BB3

Deuteranopia

#7B7AAF

Tritanopia

#78A6A3

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#AAAFD9
400
#7C83C5
500
#4E58B1
600
#3F468D
700
#323871
800
#272C58
900
#202341
950
#141629

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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