#747ECF

#747ECF

Color Values

HEX

#747ECF

RGB

116, 126, 207

HSL

233.4, 48.7%, 63.3%

HSV

233.4, 44.0%, 81.2%

CMYK

44.0%, 39.1%, 0.0%, 18.8%

OKLCH

0.6204 0.1224 276.9

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#747ECF

#CFC574

Analogous

#74ABCF

#9774CF

#747ECF

Triadic

#747ECF

#CF747E

#7ECF74

Split Complementary

#747ECF

#CF9774

#ABCF74

Tetradic

#747ECF

#CF74AB

#CFC574

#74CF97

Color Blindness Simulation

Original

#747ECF

Protanopia

#7878BB

Deuteranopia

#7877B7

Tritanopia

#74ACA9

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACEED
300
#A4ABE0
400
#737DCF
500
#414FBE
600
#343F98
700
#2A3379
800
#21285F
900
#1B2046
950
#11142C

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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