#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026