#766DC7

#766DC7

Color Values

HEX

#766DC7

RGB

118, 109, 199

HSL

246.0, 44.6%, 60.4%

HSV

246.0, 45.2%, 78.0%

CMYK

40.7%, 45.2%, 0.0%, 22.0%

OKLCH

0.5842 0.1348 286.0

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#766DC7

#BEC76D

Analogous

#6D91C7

#A36DC7

#766DC7

Triadic

#766DC7

#C7766D

#6DC776

Split Complementary

#766DC7

#C7A36D

#91C76D

Tetradic

#766DC7

#C76D91

#BEC76D

#6DC7A3

Color Blindness Simulation

Original

#766DC7

Protanopia

#7272B1

Deuteranopia

#7373AC

Tritanopia

#76A09C

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEB
300
#ACA7DD
400
#7F77CB
500
#5247B8
600
#423993
700
#342D76
800
#29235C
900
#211D44
950
#15122B

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026