#787CFA

#787CFA

Color Values

HEX

#787CFA

RGB

120, 124, 250

HSL

238.2, 92.9%, 72.5%

HSV

238.2, 52.0%, 98.0%

CMYK

52.0%, 50.4%, 0.0%, 2.0%

OKLCH

0.6452 0.1838 278.5

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#787CFA

#FAF678

Analogous

#78BDFA

#B578FA

#787CFA

Triadic

#787CFA

#FA787C

#7CFA78

Split Complementary

#787CFA

#FAB578

#BDFA78

Tetradic

#787CFA

#FA78BD

#FAF678

#78FAB5

Color Blindness Simulation

Original

#787CFA

Protanopia

#7A7ADC

Deuteranopia

#7A79D4

Tritanopia

#78C3BE

Achromatopsia

#848484

CSS Usage

background-color: #787CFA;
color: #787CFA;
border-color: #787CFA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFC
300
#898CFB
400
#494EF8
500
#0910F6
600
#070DC5
700
#060A9D
800
#05087B
900
#080A59
950
#050738

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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