#766EBC

#766EBC

Color Values

HEX

#766EBC

RGB

118, 110, 188

HSL

246.2, 36.8%, 58.4%

HSV

246.2, 41.5%, 73.7%

CMYK

37.2%, 41.5%, 0.0%, 26.3%

OKLCH

0.5798 0.1177 286.8

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#766EBC

#B4BC6E

Analogous

#6E8DBC

#9D6EBC

#766EBC

Triadic

#766EBC

#BC766E

#6EBC76

Split Complementary

#766EBC

#BC9D6E

#8DBC6E

Tetradic

#766EBC

#BC6E8D

#B4BC6E

#6EBC9D

Color Blindness Simulation

Original

#766EBC

Protanopia

#7372A9

Deuteranopia

#7374A5

Tritanopia

#769A97

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CEE8
300
#B0ABD8
400
#857EC3
500
#5A51AE
600
#48408C
700
#3A3470
800
#2D2857
900
#242040
950
#171429

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.73:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026