#787AFB

#787AFB

Color Values

HEX

#787AFB

RGB

120, 122, 251

HSL

239,1, 94,2%, 72,7%

HSV

239,1, 52,2%, 98,4%

CMYK

52,2%, 51,4%, 0,0%, 1,6%

OKLCH

0,6423 0,1877 279,0

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#787AFB

#FBF978

Analogous

#78BBFB

#B778FB

#787AFB

Triadic

#787AFB

#FB787A

#7AFB78

Split Complementary

#787AFB

#FBB778

#BBFB78

Tetradic

#787AFB

#FB78BB

#FBF978

#78FBB7

Color Blindness Simulation

Original

#787AFB

Protanopia

#7979DC

Deuteranopia

#7979D4

Tritanopia

#78C3BE

Achromatopsia

#838383

CSS Usage

background-color: #787AFB;
color: #787AFB;
border-color: #787AFB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABBFD
300
#888AFB
400
#484AFA
500
#070BF8
600
#0609C6
700
#05079E
800
#04057C
900
#07095A
950
#050539

Contrast Checker

Text on white

3,51:1

AA Fail AAA Fail

Text on black

5,98:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026