#747AC4

#747AC4

Color Values

HEX

#747AC4

RGB

116, 122, 196

HSL

235.5, 40.4%, 61.2%

HSV

235.5, 40.8%, 76.9%

CMYK

40.8%, 37.8%, 0.0%, 23.1%

OKLCH

0.6064 0.112 279.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#747AC4

#C4BE74

Analogous

#74A2C4

#9674C4

#747AC4

Triadic

#747AC4

#C4747A

#7AC474

Split Complementary

#747AC4

#C49674

#A2C474

Tetradic

#747AC4

#C474A2

#C4BE74

#74C496

Color Blindness Simulation

Original

#747AC4

Protanopia

#7777B2

Deuteranopia

#7676AE

Tritanopia

#74A4A1

Achromatopsia

#7E7E7E

CSS Usage

background-color: #747AC4;
color: #747AC4;
border-color: #747AC4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFEA
300
#A9ADDB
400
#7B80C7
500
#4C54B3
600
#3D438F
700
#313673
800
#262A5A
900
#1F2142
950
#13152A

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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