#746bb4 hex color

In a RGB color space, hex #746bb4 is composed of 45.5% red, 42% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 40.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 247.4 degrees, a saturation of 32.7% and a lightness of 56.3%. #746bb4 color hex could be obtained by blending #e8d6ff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 45
- G 42
- B 71
RGB color chart
- C 36
- M 41
- Y 0
- K 29
CMYK color chart

● #746bb4 color description : Slightly desaturated blue.

The hexadecimal color #746bb4 has RGB values of R:116, G:107, B:180 and CMYK values of C:0.36, M:0.41, Y:0, K:0.29. Its decimal value is 7629748.

Hex triplet	746bb4	`#746bb4`
RGB Decimal	116, 107, 180	`rgb(116,107,180)`
RGB Percent	45.5, 42, 70.6	`rgb(45.5%,42%,70.6%)`
CMYK	36, 41, 0, 29
HSL	247.4°, 32.7, 56.3	`hsl(247.4,32.7%,56.3%)`
HSV (or HSB)	247.4°, 40.6, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.913, 21.013, -37.573
XYZ	20.697, 17.523, 45.469
xyY	0.247, 0.209, 17.523
CIE-LCH	48.913, 43.049, 299.217
CIE-LUV	48.913, -0.449, -59.006
Hunter-Lab	41.861, 14.997, -35.098
Binary	01110100, 01101011, 10110100

#746bb4
```
#746bb4 rgb(116,107,180)
```
#abb46b
```
#abb46b rgb(171,180,107)
```

Complementary Color

#6b87b4
```
#6b87b4 rgb(107,135,180)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#996bb4
```
#996bb4 rgb(153,107,180)
```

Analogous Color

#87b46b
```
#87b46b rgb(135,180,107)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#b4996b
```
#b4996b rgb(180,153,107)
```

Split Complementary Color

#6bb474
```
#6bb474 rgb(107,180,116)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#b4746b
```
#b4746b rgb(180,116,107)
```

Triadic Color

#6babb4
```
#6babb4 rgb(107,171,180)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#b4746b
```
#b4746b rgb(180,116,107)
```
#abb46b
```
#abb46b rgb(171,180,107)
```

Tetradic Color

#4f478c
```
#4f478c rgb(79,71,140)
```
#594f9d
```
#594f9d rgb(89,79,157)
```
#645aab
```
#645aab rgb(100,90,171)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#847cbd
```
#847cbd rgb(132,124,189)
```
#948dc5
```
#948dc5 rgb(148,141,197)
```
#a49ece
```
#a49ece rgb(164,158,206)
```

Monochromatic Color

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

#6b74b4
```
#6b74b4 rgb(107,116,180)
```
#6b6eb4
```
#6b6eb4 rgb(107,110,180)
```
#6e6bb4
```
#6e6bb4 rgb(110,107,180)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#7a6bb4
```
#7a6bb4 rgb(122,107,180)
```
#806bb4
```
#806bb4 rgb(128,107,180)
```
#866bb4
```
#866bb4 rgb(134,107,180)
```

Similar Colors

Text with hexadecimal color #746bb4

This text has a font color of #746bb4.

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

#746bb4 background color

This paragraph has a background color of #746bb4.

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

#746bb4 border color

This element has a border color of #746bb4.

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

CSS codes

.text {color:#746bb4;}

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

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

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, #050408 is the darkest color, while #fafafd is the lightest one.

#050408
```
#050408 rgb(5,4,8)
```
#0c0b15
```
#0c0b15 rgb(12,11,21)
```
#131122
```
#131122 rgb(19,17,34)
```
#1b182f
```
#1b182f rgb(27,24,47)
```
#221f3c
```
#221f3c rgb(34,31,60)
```
#2a2549
```
#2a2549 rgb(42,37,73)
```
#312c56
```
#312c56 rgb(49,44,86)
```
#383263
```
#383263 rgb(56,50,99)
```
#403970
```
#403970 rgb(64,57,112)
```
#47407d
```
#47407d rgb(71,64,125)
```
#4f468a
```
#4f468a rgb(79,70,138)
```
#564d97
```
#564d97 rgb(86,77,151)
```
#5d53a4
```
#5d53a4 rgb(93,83,164)
```

Shade Color Variation

#685ead
```
#685ead rgb(104,94,173)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#8078bb
```
#8078bb rgb(128,120,187)
```
#8c85c1
```
#8c85c1 rgb(140,133,193)
```
#9992c8
```
#9992c8 rgb(153,146,200)
```
#a59fce
```
#a59fce rgb(165,159,206)
```
#b1acd5
```
#b1acd5 rgb(177,172,213)
```
#bdb9dc
```
#bdb9dc rgb(189,185,220)
```
#cac6e2
```
#cac6e2 rgb(202,198,226)
```
#d6d3e9
```
#d6d3e9 rgb(214,211,233)
```
#e2e0ef
```
#e2e0ef rgb(226,224,239)
```
#eeedf6
```
#eeedf6 rgb(238,237,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8d92 is the less saturated color, while #4026f9 is the most saturated one.

#8e8d92
```
#8e8d92 rgb(142,141,146)
```
#87859a
```
#87859a rgb(135,133,154)
```
#817ca3
```
#817ca3 rgb(129,124,163)
```
#7a74ab
```
#7a74ab rgb(122,116,171)
```
#746bb4
```
#746bb4 rgb(116,107,180)
```
#6e62bd
```
#6e62bd rgb(110,98,189)
```
#675ac5
```
#675ac5 rgb(103,90,197)
```
#6151ce
```
#6151ce rgb(97,81,206)
```
#5a49d6
```
#5a49d6 rgb(90,73,214)
```
#5440df
```
#5440df rgb(84,64,223)
```
#4d38e7
```
#4d38e7 rgb(77,56,231)
```
#472ff0
```
#472ff0 rgb(71,47,240)
```
#4026f9
```
#4026f9 rgb(64,38,249)
```

Tone Color Variation

Below, you can see how #746bb4 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

#767676 Achromatopsia 0.005% of the population
#767482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f79bc Protanopia 1% of men
#5d7bb4 Deuteranopia 1% of men
#6d7d86 Tritanopia 0.001% of the population

Trichromacy

#6674b9 Protanomaly 1% of men, 0.01% of women
#6575b4 Deuteranomaly 6% of men, 0.4% of women
#707797 Tritanomaly 0.01% of the population

#746bb4 hex color

#746bb4 Color Information

#746bb4 Color Conversion

Color Schemes with #746bb4

Alternatives to #746bb4

#746bb4 Preview

Shades and Tints of #746bb4

Tones of #746bb4

Color Blindness Simulator