#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026