#747EFC

#747EFC

Color Values

HEX

#747EFC

RGB

116, 126, 252

HSL

235.6, 95.8%, 72.2%

HSV

235.6, 54.0%, 98.8%

CMYK

54.0%, 50.0%, 0.0%, 1.2%

OKLCH

0.6475 0.1847 276.5

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#747EFC

#FCF274

Analogous

#74C2FC

#AE74FC

#747EFC

Triadic

#747EFC

#FC747E

#7EFC74

Split Complementary

#747EFC

#FCAE74

#C2FC74

Tetradic

#747EFC

#FC74C2

#FCF274

#74FCAE

Color Blindness Simulation

Original

#747EFC

Protanopia

#7878DE

Deuteranopia

#7877D6

Tritanopia

#74C5C0

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE1FC
200
#B9BEFE
300
#8790FC
400
#4654FB
500
#0517FA
600
#0413C8
700
#030FA0
800
#030C7D
900
#070D5A
950
#040839

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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