#746EE3

#746EE3

Color Values

HEX

#746EE3

RGB

116, 110, 227

HSL

243.1, 67.6%, 66.1%

HSV

243.1, 51.5%, 89.0%

CMYK

48.9%, 51.5%, 0.0%, 11.0%

OKLCH

0.6019 0.1722 282.2

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#746EE3

#DDE36E

Analogous

#6EA3E3

#AF6EE3

#746EE3

Triadic

#746EE3

#E3746E

#6EE374

Split Complementary

#746EE3

#E3AF6E

#A3E36E

Tetradic

#746EE3

#E36EA3

#DDE36E

#6EE3AF

Color Blindness Simulation

Original

#746EE3

Protanopia

#7171C7

Deuteranopia

#7272C0

Tritanopia

#74B0AB

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C3F3
300
#9D98EB
400
#6761E0
500
#3229D6
600
#2821AB
700
#201A89
800
#19156B
900
#16134E
950
#0E0C31

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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