#787FFB

#787FFB

Color Values

HEX

#787FFB

RGB

120, 127, 251

HSL

236.8, 94.2%, 72.7%

HSV

236.8, 52.2%, 98.4%

CMYK

52.2%, 49.4%, 0.0%, 1.6%

OKLCH

0.6514 0.1812 277.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#787FFB

#FBF478

Analogous

#78C0FB

#B278FB

#787FFB

Triadic

#787FFB

#FB787F

#7FFB78

Split Complementary

#787FFB

#FBB278

#C0FB78

Tetradic

#787FFB

#FB78C0

#FBF478

#78FBB2

Color Blindness Simulation

Original

#787FFB

Protanopia

#7B7BDD

Deuteranopia

#7B7AD6

Tritanopia

#78C5C0

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#888EFB
400
#4851FA
500
#0714F8
600
#0610C6
700
#050D9E
800
#040A7C
900
#070C5A
950
#050739

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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