#747DDB

#747DDB

Color Values

HEX

#747DDB

RGB

116, 125, 219

HSL

234.8, 58.9%, 65.7%

HSV

234.8, 47.0%, 85.9%

CMYK

47.0%, 42.9%, 0.0%, 14.1%

OKLCH

0.6252 0.1408 277.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#747DDB

#DBD274

Analogous

#74B0DB

#9F74DB

#747DDB

Triadic

#747DDB

#DB747D

#7DDB74

Split Complementary

#747DDB

#DB9F74

#B0DB74

Tetradic

#747DDB

#DB74B0

#DBD274

#74DB9F

Color Blindness Simulation

Original

#747DDB

Protanopia

#7878C4

Deuteranopia

#7777BF

Tritanopia

#74B2AE

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E6F6
200
#C6CAF0
300
#9EA4E6
400
#6973D8
500
#3441CB
600
#2A34A2
700
#222A82
800
#1A2165
900
#171B4A
950
#0E112F

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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