#747AC2

#747AC2

Color Values

HEX

#747AC2

RGB

116, 122, 194

HSL

235.4, 39.0%, 60.8%

HSV

235.4, 40.2%, 76.1%

CMYK

40.2%, 37.1%, 0.0%, 23.9%

OKLCH

0.6053 0.1091 279.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#747AC2

#C2BC74

Analogous

#74A1C2

#9574C2

#747AC2

Triadic

#747AC2

#C2747A

#7AC274

Split Complementary

#747AC2

#C29574

#A1C274

Tetradic

#747AC2

#C274A1

#C2BC74

#74C295

Color Blindness Simulation

Original

#747AC2

Protanopia

#7777B1

Deuteranopia

#7676AC

Tritanopia

#74A3A0

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDD0E9
300
#AAAEDA
400
#7C81C5
500
#4E55B1
600
#3E448E
700
#323771
800
#272B59
900
#1F2241
950
#141629

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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