#747AEB

#747AEB

Color Values

HEX

#747AEB

RGB

116, 122, 235

HSL

237.0, 74.8%, 68.8%

HSV

237.0, 50.6%, 92.2%

CMYK

50.6%, 48.1%, 0.0%, 7.8%

OKLCH

0.6291 0.1669 278.2

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#747AEB

#EBE574

Analogous

#74B5EB

#A974EB

#747AEB

Triadic

#747AEB

#EB747A

#7AEB74

Split Complementary

#747AEB

#EBA974

#B5EB74

Tetradic

#747AEB

#EB74B5

#EBE574

#74EBA9

Color Blindness Simulation

Original

#747AEB

Protanopia

#7777D0

Deuteranopia

#7676C9

Tritanopia

#74BAB5

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F8
200
#C1C3F6
300
#9499F0
400
#5A61E7
500
#202ADF
600
#1A21B2
700
#151B8F
800
#10156F
900
#101351
950
#0A0C33

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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