#766FF3

#766FF3

Color Values

HEX

#766FF3

RGB

118, 111, 243

HSL

243.2, 84.6%, 69.4%

HSV

243.2, 54.3%, 95.3%

CMYK

51.4%, 54.3%, 0.0%, 4.7%

OKLCH

0.616 0.1918 281.6

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#766FF3

#ECF36F

Analogous

#6FAAF3

#B86FF3

#766FF3

Triadic

#766FF3

#F3766F

#6FF376

Split Complementary

#766FF3

#F3B86F

#AAF36F

Tetradic

#766FF3

#F36FAA

#ECF36F

#6FF3B8

Color Blindness Simulation

Original

#766FF3

Protanopia

#7373D3

Deuteranopia

#7374CB

Tritanopia

#76BAB4

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E0FA
200
#C0BDFA
300
#948EF6
400
#5951F0
500
#1F14EB
600
#1910BC
700
#140D97
800
#100A76
900
#0F0C55
950
#0A0736

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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