#787BEE

#787BEE

Color Values

HEX

#787BEE

RGB

120, 123, 238

HSL

238.5, 77.6%, 70.2%

HSV

238.5, 49.6%, 93.3%

CMYK

49.6%, 48.3%, 0.0%, 6.7%

OKLCH

0.6357 0.1689 279.3

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#787BEE

#EEEB78

Analogous

#78B6EE

#B078EE

#787BEE

Triadic

#787BEE

#EE787B

#7BEE78

Split Complementary

#787BEE

#EEB078

#B6EE78

Tetradic

#787BEE

#EE78B6

#EEEB78

#78EEB0

Color Blindness Simulation

Original

#787BEE

Protanopia

#7979D2

Deuteranopia

#7979CC

Tritanopia

#78BCB7

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#C0C1F7
300
#9295F1
400
#575BEA
500
#1D22E2
600
#171BB5
700
#121591
800
#0E1171
900
#0F1052
950
#090A34

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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