#747CCF

#747CCF

Color Values

HEX

#747CCF

RGB

116, 124, 207

HSL

234.7, 48.7%, 63.3%

HSV

234.7, 44.0%, 81.2%

CMYK

44.0%, 40.1%, 0.0%, 18.8%

OKLCH

0.6164 0.1251 277.9

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#747CCF

#CFC774

Analogous

#74A9CF

#9974CF

#747CCF

Triadic

#747CCF

#CF747C

#7CCF74

Split Complementary

#747CCF

#CF9974

#A9CF74

Tetradic

#747CCF

#CF74A9

#CFC774

#74CF99

Color Blindness Simulation

Original

#747CCF

Protanopia

#7778BB

Deuteranopia

#7776B6

Tritanopia

#74ABA8

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A4A9E0
400
#737BCF
500
#414CBE
600
#343D98
700
#2A3179
800
#21265F
900
#1B1F46
950
#11142C

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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