#787FCA

#787FCA

Color Values

HEX

#787FCA

RGB

120, 127, 202

HSL

234.9, 43.6%, 63.1%

HSV

234.9, 40.6%, 79.2%

CMYK

40.6%, 37.1%, 0.0%, 20.8%

OKLCH

0.6227 0.113 278.5

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787FCA

#CAC378

Analogous

#78A8CA

#9A78CA

#787FCA

Triadic

#787FCA

#CA787F

#7FCA78

Split Complementary

#787FCA

#CA9A78

#A8CA78

Tetradic

#787FCA

#CA78A8

#CAC378

#78CA9A

Color Blindness Simulation

Original

#787FCA

Protanopia

#7B7BB8

Deuteranopia

#7B7AB3

Tritanopia

#78AAA6

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCEEB
300
#A7ACDC
400
#787FCA
500
#4851B7
600
#3A4192
700
#2E3475
800
#24295C
900
#1D2143
950
#13152B

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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