#747CDB

#747CDB

Color Values

HEX

#747CDB

RGB

116, 124, 219

HSL

235,3, 58,9%, 65,7%

HSV

235,3, 47,0%, 85,9%

CMYK

47,0%, 43,4%, 0,0%, 14,1%

OKLCH

0,6232 0,1421 277,8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#747CDB

#DBD374

Analogous

#74B0DB

#9F74DB

#747CDB

Triadic

#747CDB

#DB747C

#7CDB74

Split Complementary

#747CDB

#DB9F74

#B0DB74

Tetradic

#747CDB

#DB74B0

#DBD374

#74DB9F

Color Blindness Simulation

Original

#747CDB

Protanopia

#7778C4

Deuteranopia

#7776BE

Tritanopia

#74B2AE

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E6F6
200
#C6CAF0
300
#9EA3E6
400
#6972D8
500
#3440CB
600
#2A33A2
700
#222982
800
#1A2065
900
#171B4A
950
#0E112F

Contrast Checker

Text on white

3,72:1

AA Fail AAA Fail

Text on black

5,65:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026