#746CE0

#746CE0

Color Values

HEX

#746CE0

RGB

116, 108, 224

HSL

244.1, 65.2%, 65.1%

HSV

244.1, 51.8%, 87.8%

CMYK

48.2%, 51.8%, 0.0%, 12.2%

OKLCH

0.5963 0.1709 283.0

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#746CE0

#D8E06C

Analogous

#6C9EE0

#AE6CE0

#746CE0

Triadic

#746CE0

#E0746C

#6CE074

Split Complementary

#746CE0

#E0AE6C

#9EE06C

Tetradic

#746CE0

#E06C9E

#D8E06C

#6CE0AE

Color Blindness Simulation

Original

#746CE0

Protanopia

#7170C4

Deuteranopia

#7172BD

Tritanopia

#74AEA9

Achromatopsia

#767676

CSS Usage

background-color: #746CE0;
color: #746CE0;
border-color: #746CE0;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C7C4F3
300
#9F9AEA
400
#6C63DE
500
#382CD3
600
#2D23A9
700
#241C87
800
#1C1669
900
#18144D
950
#0F0D31

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026