#787EBF

#787EBF

Color Values

HEX

#787EBF

RGB

120, 126, 191

HSL

234.9, 35.7%, 61.0%

HSV

234.9, 37.2%, 74.9%

CMYK

37.2%, 34.0%, 0.0%, 25.1%

OKLCH

0.6149 0.0983 279.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#787EBF

#BFB978

Analogous

#78A2BF

#9678BF

#787EBF

Triadic

#787EBF

#BF787E

#7EBF78

Split Complementary

#787EBF

#BF9678

#A2BF78

Tetradic

#787EBF

#BF78A2

#BFB978

#78BF96

Color Blindness Simulation

Original

#787EBF

Protanopia

#7B7BAF

Deuteranopia

#7A7AAC

Tritanopia

#78A3A0

Achromatopsia

#818181

CSS Usage

background-color: #787EBF;
color: #787EBF;
border-color: #787EBF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E8E9F3
200
#CFD1E8
300
#ACB0D8
400
#7F85C2
500
#525AAD
600
#42488A
700
#34396F
800
#292D57
900
#212440
950
#151628

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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