#766CBA

#766CBA

Color Values

HEX

#766CBA

RGB

118, 108, 186

HSL

247.7, 36.1%, 57.6%

HSV

247.7, 41.9%, 72.9%

CMYK

36.6%, 41.9%, 0.0%, 27.1%

OKLCH

0.5748 0.1179 288.0

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#766CBA

#B0BA6C

Analogous

#6C89BA

#9D6CBA

#766CBA

Triadic

#766CBA

#BA766C

#6CBA76

Split Complementary

#766CBA

#BA9D6C

#89BA6C

Tetradic

#766CBA

#BA6C89

#B0BA6C

#6CBA9D

Color Blindness Simulation

Original

#766CBA

Protanopia

#7272A7

Deuteranopia

#7273A3

Tritanopia

#769895

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D2CEE8
300
#B1ACD8
400
#877FC3
500
#5D51AE
600
#4B418B
700
#3C346F
800
#2F2957
900
#252140
950
#171529

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

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