#746CE2

#746CE2

Color Values

HEX

#746CE2

RGB

116, 108, 226

HSL

244.1, 67.0%, 65.5%

HSV

244.1, 52.2%, 88.6%

CMYK

48.7%, 52.2%, 0.0%, 11.4%

OKLCH

0.5977 0.1735 282.9

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#746CE2

#DAE26C

Analogous

#6C9FE2

#AF6CE2

#746CE2

Triadic

#746CE2

#E2746C

#6CE274

Split Complementary

#746CE2

#E2AF6C

#9FE26C

Tetradic

#746CE2

#E26C9F

#DAE26C

#6CE2AF

Color Blindness Simulation

Original

#746CE2

Protanopia

#7170C5

Deuteranopia

#7172BF

Tritanopia

#74AFAA

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C7C3F3
300
#9E99EB
400
#6A61E0
500
#362AD5
600
#2B22AA
700
#221B88
800
#1B156A
900
#17134E
950
#0F0C31

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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