#7771E7

#7771E7

Color Values

HEX

#7771E7

RGB

119, 113, 231

HSL

243.1, 71.1%, 67.5%

HSV

243.1, 51.1%, 90.6%

CMYK

48.5%, 51.1%, 0.0%, 9.4%

OKLCH

0.6122 0.1731 282.3

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#7771E7

#E1E771

Analogous

#71A6E7

#B271E7

#7771E7

Triadic

#7771E7

#E77771

#71E777

Split Complementary

#7771E7

#E7B271

#A6E771

Tetradic

#7771E7

#E771A6

#E1E771

#71E7B2

Color Blindness Simulation

Original

#7771E7

Protanopia

#7474CA

Deuteranopia

#7575C4

Tritanopia

#77B4AF

Achromatopsia

#7B7B7B

CSS Usage

background-color: #7771E7;
color: #7771E7;
border-color: #7771E7;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C5C2F5
300
#9B96ED
400
#645EE4
500
#2E25DA
600
#251DAF
700
#1E188C
800
#17126D
900
#15114F
950
#0D0B32

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026