#787DF7

#787DF7

Color Values

HEX

#787DF7

RGB

120, 125, 247

HSL

237,6, 88,8%, 72,0%

HSV

237,6, 51,4%, 96,9%

CMYK

51,4%, 49,4%, 0,0%, 3,1%

OKLCH

0,6451 0,1784 278,4

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#787DF7

#F7F278

Analogous

#78BDF7

#B378F7

#787DF7

Triadic

#787DF7

#F7787D

#7DF778

Split Complementary

#787DF7

#F7B378

#BDF778

Tetradic

#787DF7

#F778BD

#F7F278

#78F7B3

Color Blindness Simulation

Original

#787DF7

Protanopia

#7A7ADA

Deuteranopia

#7A7AD2

Tritanopia

#78C2BD

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BCBEFB
300
#8B90F8
400
#4D54F4
500
#0E17F1
600
#0B13C1
700
#090F9A
800
#070C78
900
#0A0D57
950
#060837

Contrast Checker

Text on white

3,46:1

AA Fail AAA Fail

Text on black

6,08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026