#787AEA

#787AEA

Color Values

HEX

#787AEA

RGB

120, 122, 234

HSL

238.9, 73.1%, 69.4%

HSV

238.9, 48.7%, 91.8%

CMYK

48.7%, 47.9%, 0.0%, 8.2%

OKLCH

0.6314 0.1648 279.8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#787AEA

#EAE878

Analogous

#78B3EA

#AF78EA

#787AEA

Triadic

#787AEA

#EA787A

#7AEA78

Split Complementary

#787AEA

#EAAF78

#B3EA78

Tetradic

#787AEA

#EA78B3

#EAE878

#78EAAF

Color Blindness Simulation

Original

#787AEA

Protanopia

#7979CF

Deuteranopia

#7979C8

Tritanopia

#78B9B5

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C2F5
300
#9597EF
400
#5C5EE6
500
#2226DD
600
#1B1EB1
700
#16188D
800
#11136E
900
#111250
950
#0A0B33

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026