#787FC6

#787FC6

Color Values

HEX

#787FC6

RGB

120, 127, 198

HSL

234.6, 40.6%, 62.4%

HSV

234.6, 39.4%, 77.6%

CMYK

39.4%, 35.9%, 0.0%, 22.4%

OKLCH

0.6206 0.1072 278.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787FC6

#C6BF78

Analogous

#78A6C6

#9878C6

#787FC6

Triadic

#787FC6

#C6787F

#7FC678

Split Complementary

#787FC6

#C69878

#A6C678

Tetradic

#787FC6

#C678A6

#C6BF78

#78C698

Color Blindness Simulation

Original

#787FC6

Protanopia

#7B7BB5

Deuteranopia

#7B7AB1

Tritanopia

#78A7A4

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFEA
300
#A9ADDB
400
#7A81C7
500
#4C55B3
600
#3D448F
700
#303673
800
#262B5A
900
#1F2242
950
#13152A

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