#747FFD

#747FFD

Color Values

HEX

#747FFD

RGB

116, 127, 253

HSL

235.2, 97.2%, 72.4%

HSV

235.2, 54.2%, 99.2%

CMYK

54.2%, 49.8%, 0.0%, 0.8%

OKLCH

0.65 0.1847 276.2

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#747FFD

#FDF274

Analogous

#74C4FD

#AE74FD

#747FFD

Triadic

#747FFD

#FD747F

#7FFD74

Split Complementary

#747FFD

#FDAE74

#C4FD74

Tetradic

#747FFD

#FD74C4

#FDF274

#74FDAE

Color Blindness Simulation

Original

#747FFD

Protanopia

#7979DF

Deuteranopia

#7877D7

Tritanopia

#75C6C1

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DEE1FC
200
#B9BEFE
300
#8690FD
400
#4554FC
500
#0417FB
600
#0313C9
700
#020FA1
800
#020C7E
900
#060D5B
950
#040839

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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