#766ED9

#766ED9

Color Values

HEX

#766ED9

RGB

118, 110, 217

HSL

244.5, 58.5%, 64.1%

HSV

244.5, 49.3%, 85.1%

CMYK

45.6%, 49.3%, 0.0%, 14.9%

OKLCH

0.597 0.1584 283.9

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#766ED9

#D1D96E

Analogous

#6E9BD9

#AB6ED9

#766ED9

Triadic

#766ED9

#D9766E

#6ED976

Split Complementary

#766ED9

#D9AB6E

#9BD96E

Tetradic

#766ED9

#D96E9B

#D1D96E

#6ED9AB

Color Blindness Simulation

Original

#766ED9

Protanopia

#7372BF

Deuteranopia

#7374B9

Tritanopia

#76ABA6

Achromatopsia

#777777

CSS Usage

background-color: #766ED9;
color: #766ED9;
border-color: #766ED9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC6F0
300
#A39EE6
400
#7269D8
500
#4035CA
600
#332AA2
700
#292281
800
#201A65
900
#1B174A
950
#110E2F

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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