#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026