#7770BF

#7770BF

Color Values

HEX

#7770BF

RGB

119, 112, 191

HSL

245.3, 38.2%, 59.4%

HSV

245.3, 41.4%, 74.9%

CMYK

37.7%, 41.4%, 0.0%, 25.1%

OKLCH

0.5862 0.1189 286.2

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#7770BF

#B8BF70

Analogous

#7090BF

#9E70BF

#7770BF

Triadic

#7770BF

#BF7770

#70BF77

Split Complementary

#7770BF

#BF9E70

#90BF70

Tetradic

#7770BF

#BF7090

#B8BF70

#70BF9E

Color Blindness Simulation

Original

#7770BF

Protanopia

#7474AC

Deuteranopia

#7475A7

Tritanopia

#779D99

Achromatopsia

#777777

CSS Usage

background-color: #7770BF;
color: #7770BF;
border-color: #7770BF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#D0CEE9
300
#AFAAD9
400
#837DC5
500
#574FB0
600
#463F8D
700
#383271
800
#2C2758
900
#232041
950
#161429

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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