#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026