#746CB2

#746CB2

Color Values

HEX

#746CB2

RGB

116, 108, 178

HSL

246.9, 31.2%, 56.1%

HSV

246.9, 39.3%, 69.8%

CMYK

34.8%, 39.3%, 0.0%, 30.2%

OKLCH

0.5687 0.1064 287.8

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#746CB2

#AAB26C

Analogous

#6C87B2

#976CB2

#746CB2

Triadic

#746CB2

#B2746C

#6CB274

Split Complementary

#746CB2

#B2976C

#87B26C

Tetradic

#746CB2

#B26C87

#AAB26C

#6CB297

Color Blindness Simulation

Original

#746CB2

Protanopia

#7170A1

Deuteranopia

#71729D

Tritanopia

#749491

Achromatopsia

#737373

CSS Usage

background-color: #746CB2;
color: #746CB2;
border-color: #746CB2;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D3D0E6
300
#B3AFD5
400
#8A83BE
500
#6158A7
600
#4D4686
700
#3E386B
800
#302C54
900
#26233E
950
#181627

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

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