#766DF0

#766DF0

Color Values

HEX

#766DF0

RGB

118, 109, 240

HSL

244.1, 81.4%, 68.4%

HSV

244.1, 54.6%, 94.1%

CMYK

50.8%, 54.6%, 0.0%, 5.9%

OKLCH

0.6104 0.1905 282.3

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#766DF0

#E7F06D

Analogous

#6DA5F0

#B76DF0

#766DF0

Triadic

#766DF0

#F0766D

#6DF076

Split Complementary

#766DF0

#F0B76D

#A5F06D

Tetradic

#766DF0

#F06DA5

#E7F06D

#6DF0B7

Color Blindness Simulation

Original

#766DF0

Protanopia

#7272D0

Deuteranopia

#7373C9

Tritanopia

#76B7B2

Achromatopsia

#787878

CSS Usage

background-color: #766DF0;
color: #766DF0;
border-color: #766DF0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C2BEF8
300
#9790F4
400
#5E54ED
500
#2618E7
600
#1E13B9
700
#180F94
800
#130C74
900
#120D54
950
#0B0835

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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