#747DDF

#747DDF

Color Values

HEX

#747DDF

RGB

116, 125, 223

HSL

235,0, 62,6%, 66,5%

HSV

235,0, 48,0%, 87,5%

CMYK

48,0%, 43,9%, 0,0%, 12,5%

OKLCH

0,6275 0,1464 277,3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#747DDF

#DFD674

Analogous

#74B2DF

#A174DF

#747DDF

Triadic

#747DDF

#DF747D

#7DDF74

Split Complementary

#747DDF

#DFA174

#B2DF74

Tetradic

#747DDF

#DF74B2

#DFD674

#74DFA1

Color Blindness Simulation

Original

#747DDF

Protanopia

#7878C7

Deuteranopia

#7777C2

Tritanopia

#74B5B0

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F7
200
#C5C9F2
300
#9BA2E8
400
#666FDC
500
#303DCF
600
#2631A6
700
#1F2785
800
#181E68
900
#151A4C
950
#0D1030

Contrast Checker

Text on white

3,66:1

AA Fail AAA Fail

Text on black

5,74:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026