#787FE5

#787FE5

Color Values

HEX

#787FE5

RGB

120, 127, 229

HSL

236.1, 67.7%, 68.4%

HSV

236.1, 47.6%, 89.8%

CMYK

47.6%, 44.5%, 0.0%, 10.2%

OKLCH

0.6378 0.1512 278.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787FE5

#E5DE78

Analogous

#78B6E5

#A778E5

#787FE5

Triadic

#787FE5

#E5787F

#7FE578

Split Complementary

#787FE5

#E5A778

#B6E578

Tetradic

#787FE5

#E578B6

#E5DE78

#78E5A7

Color Blindness Simulation

Original

#787FE5

Protanopia

#7B7BCC

Deuteranopia

#7B7AC6

Tritanopia

#78B9B5

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C3C6F3
300
#989EEB
400
#6169E1
500
#2934D6
600
#212AAB
700
#1A2289
800
#151A6B
900
#13174E
950
#0C0E31

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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