#746bc5 hex color

In a RGB color space, hex #746bc5 is composed of 45.5% red, 42% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 41.1% cyan, 45.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 246 degrees, a saturation of 43.7% and a lightness of 59.6%. #746bc5 color hex could be obtained by blending #e8d6ff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 45
- G 42
- B 77
RGB color chart
- C 41
- M 46
- Y 0
- K 23
CMYK color chart

● #746bc5 color description : Slightly desaturated blue.

The hexadecimal color #746bc5 has RGB values of R:116, G:107, B:197 and CMYK values of C:0.41, M:0.46, Y:0, K:0.23. Its decimal value is 7629765.

Hex triplet	746bc5	`#746bc5`
RGB Decimal	116, 107, 197	`rgb(116,107,197)`
RGB Percent	45.5, 42, 77.3	`rgb(45.5%,42%,77.3%)`
CMYK	41, 46, 0, 23
HSL	246°, 43.7, 59.6	`hsl(246,43.7%,59.6%)`
HSV (or HSB)	246°, 45.7, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.809, 25.81, -45.969
XYZ	22.536, 18.259, 55.157
xyY	0.235, 0.19, 18.259
CIE-LCH	49.809, 52.719, 299.313
CIE-LUV	49.809, -1.733, -72.883
Hunter-Lab	42.731, 19.363, -46.621
Binary	01110100, 01101011, 11000101

#746bc5
```
#746bc5 rgb(116,107,197)
```
#bcc56b
```
#bcc56b rgb(188,197,107)
```

Complementary Color

#6b8fc5
```
#6b8fc5 rgb(107,143,197)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#a16bc5
```
#a16bc5 rgb(161,107,197)
```

Analogous Color

#8fc56b
```
#8fc56b rgb(143,197,107)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#c5a16b
```
#c5a16b rgb(197,161,107)
```

Split Complementary Color

#6bc574
```
#6bc574 rgb(107,197,116)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#c5746b
```
#c5746b rgb(197,116,107)
```

Triadic Color

#6bbcc5
```
#6bbcc5 rgb(107,188,197)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#c5746b
```
#c5746b rgb(197,116,107)
```
#bcc56b
```
#bcc56b rgb(188,197,107)
```

Tetradic Color

#4a40a3
```
#4a40a3 rgb(74,64,163)
```
#5247b6
```
#5247b6 rgb(82,71,182)
```
#6359be
```
#6359be rgb(99,89,190)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#857dcc
```
#857dcc rgb(133,125,204)
```
#9690d3
```
#9690d3 rgb(150,144,211)
```
#a8a2db
```
#a8a2db rgb(168,162,219)
```

Monochromatic Color

Below, you can see some colors close to #746bc5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#6b79c5
```
#6b79c5 rgb(107,121,197)
```
#6b71c5
```
#6b71c5 rgb(107,113,197)
```
#6d6bc5
```
#6d6bc5 rgb(109,107,197)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#7c6bc5
```
#7c6bc5 rgb(124,107,197)
```
#836bc5
```
#836bc5 rgb(131,107,197)
```
#8b6bc5
```
#8b6bc5 rgb(139,107,197)
```

Similar Colors

Text with hexadecimal color #746bc5

This text has a font color of #746bc5.

<span style="color:#746bc5;">Text here</span>

#746bc5 background color

This paragraph has a background color of #746bc5.

<p style="background-color:#746bc5;">Content here</p>

#746bc5 border color

This element has a border color of #746bc5.

<div style="border:1px solid #746bc5;">Content here</div>

CSS codes

.text {color:#746bc5;}

.background {background-color:#746bc5;}

.border {border:1px solid #746bc5;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030307 is the darkest color, while #f8f8fc is the lightest one.

#030307
```
#030307 rgb(3,3,7)
```
#0a0815
```
#0a0815 rgb(10,8,21)
```
#100e23
```
#100e23 rgb(16,14,35)
```
#161331
```
#161331 rgb(22,19,49)
```
#1d193f
```
#1d193f rgb(29,25,63)
```
#231e4d
```
#231e4d rgb(35,30,77)
```
#29245c
```
#29245c rgb(41,36,92)
```
#30296a
```
#30296a rgb(48,41,106)
```
#362f78
```
#362f78 rgb(54,47,120)
```
#3d3486
```
#3d3486 rgb(61,52,134)
```
#433a94
```
#433a94 rgb(67,58,148)
```
#4940a2
```
#4940a2 rgb(73,64,162)
```
#5045b0
```
#5045b0 rgb(80,69,176)
```

Shade Color Variation

#5a4fba
```
#5a4fba rgb(90,79,186)
```
#675dbf
```
#675dbf rgb(103,93,191)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#8179cb
```
#8179cb rgb(129,121,203)
```
#8e87d0
```
#8e87d0 rgb(142,135,208)
```
#9c95d6
```
#9c95d6 rgb(156,149,214)
```
#a9a3db
```
#a9a3db rgb(169,163,219)
```
#b6b1e1
```
#b6b1e1 rgb(182,177,225)
```
#c3c0e6
```
#c3c0e6 rgb(195,192,230)
```
#d1ceec
```
#d1ceec rgb(209,206,236)
```
#dedcf1
```
#dedcf1 rgb(222,220,241)
```
#ebeaf7
```
#ebeaf7 rgb(235,234,247)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94939d is the less saturated color, while #4834fc is the most saturated one.

#94939d
```
#94939d rgb(148,147,157)
```
#8d8ba5
```
#8d8ba5 rgb(141,139,165)
```
#8783ad
```
#8783ad rgb(135,131,173)
```
#817bb5
```
#817bb5 rgb(129,123,181)
```
#7a73bd
```
#7a73bd rgb(122,115,189)
```
#746bc5
```
#746bc5 rgb(116,107,197)
```
#6e63cd
```
#6e63cd rgb(110,99,205)
```
#675bd5
```
#675bd5 rgb(103,91,213)
```
#6153dd
```
#6153dd rgb(97,83,221)
```
#5b4be5
```
#5b4be5 rgb(91,75,229)
```
#5443ed
```
#5443ed rgb(84,67,237)
```
#4e3bf5
```
#4e3bf5 rgb(78,59,245)
```
#4834fc
```
#4834fc rgb(72,52,252)
```

Tone Color Variation

Below, you can see how #746bc5 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#787878 Achromatopsia 0.005% of the population
#777587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#547ace Protanopia 1% of men
#4d7ec3 Deuteranopia 1% of men
#68818a Tritanopia 0.001% of the population

Trichromacy

#6075cb Protanomaly 1% of men, 0.01% of women
#5b77c4 Deuteranomaly 6% of men, 0.4% of women
#6c79a0 Tritanomaly 0.01% of the population

#746bc5 hex color

#746bc5 Color Information

#746bc5 Color Conversion

Color Schemes with #746bc5

Alternatives to #746bc5

#746bc5 Preview

Shades and Tints of #746bc5

Tones of #746bc5

Color Blindness Simulator