#746ab4 hex color

In a RGB color space, hex #746ab4 is composed of 45.5% red, 41.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 41.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 248.1 degrees, a saturation of 33% and a lightness of 56.1%. #746ab4 color hex could be obtained by blending #e8d4ff 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

● #746ab4 color description : Slightly desaturated blue.

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

Hex triplet	746ab4	`#746ab4`
RGB Decimal	116, 106, 180	`rgb(116,106,180)`
RGB Percent	45.5, 41.6, 70.6	`rgb(45.5%,41.6%,70.6%)`
CMYK	36, 41, 0, 29
HSL	248.1°, 33, 56.1	`hsl(248.1,33%,56.1%)`
HSV (or HSB)	248.1°, 41.1, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.656, 21.618, -37.978
XYZ	20.593, 17.316, 45.435
xyY	0.247, 0.208, 17.316
CIE-LCH	48.656, 43.7, 299.649
CIE-LUV	48.656, -0.084, -59.637
Hunter-Lab	41.613, 15.514, -35.607
Binary	01110100, 01101010, 10110100

#746ab4
```
#746ab4 rgb(116,106,180)
```
#aab46a
```
#aab46a rgb(170,180,106)
```

Complementary Color

#6a85b4
```
#6a85b4 rgb(106,133,180)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#996ab4
```
#996ab4 rgb(153,106,180)
```

Analogous Color

#85b46a
```
#85b46a rgb(133,180,106)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#b4996a
```
#b4996a rgb(180,153,106)
```

Split Complementary Color

#6ab474
```
#6ab474 rgb(106,180,116)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#b4746a
```
#b4746a rgb(180,116,106)
```

Triadic Color

#6aaab4
```
#6aaab4 rgb(106,170,180)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#b4746a
```
#b4746a rgb(180,116,106)
```
#aab46a
```
#aab46a rgb(170,180,106)
```

Tetradic Color

#4f468b
```
#4f468b rgb(79,70,139)
```
#594f9c
```
#594f9c rgb(89,79,156)
```
#6459ab
```
#6459ab rgb(100,89,171)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#847bbd
```
#847bbd rgb(132,123,189)
```
#948cc5
```
#948cc5 rgb(148,140,197)
```
#a39dce
```
#a39dce rgb(163,157,206)
```

Monochromatic Color

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

#6a73b4
```
#6a73b4 rgb(106,115,180)
```
#6a6cb4
```
#6a6cb4 rgb(106,108,180)
```
#6e6ab4
```
#6e6ab4 rgb(110,106,180)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#7a6ab4
```
#7a6ab4 rgb(122,106,180)
```
#806ab4
```
#806ab4 rgb(128,106,180)
```
#876ab4
```
#876ab4 rgb(135,106,180)
```

Similar Colors

Text with hexadecimal color #746ab4

This text has a font color of #746ab4.

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

#746ab4 background color

This paragraph has a background color of #746ab4.

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

#746ab4 border color

This element has a border color of #746ab4.

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

CSS codes

.text {color:#746ab4;}

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

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0c0a15
```
#0c0a15 rgb(12,10,21)
```
#131122
```
#131122 rgb(19,17,34)
```
#1b182f
```
#1b182f rgb(27,24,47)
```
#221e3c
```
#221e3c rgb(34,30,60)
```
#2a2549
```
#2a2549 rgb(42,37,73)
```
#312b56
```
#312b56 rgb(49,43,86)
```
#383263
```
#383263 rgb(56,50,99)
```
#403870
```
#403870 rgb(64,56,112)
```
#473f7d
```
#473f7d rgb(71,63,125)
```
#4f458a
```
#4f458a rgb(79,69,138)
```
#564c97
```
#564c97 rgb(86,76,151)
```
#5e53a4
```
#5e53a4 rgb(94,83,164)
```

Shade Color Variation

#685dad
```
#685dad rgb(104,93,173)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#8077bb
```
#8077bb rgb(128,119,187)
```
#8c84c1
```
#8c84c1 rgb(140,132,193)
```
#9991c8
```
#9991c8 rgb(153,145,200)
```
#a59ece
```
#a59ece rgb(165,158,206)
```
#b1abd5
```
#b1abd5 rgb(177,171,213)
```
#bdb8db
```
#bdb8db rgb(189,184,219)
```
#c9c5e2
```
#c9c5e2 rgb(201,197,226)
```
#d5d2e9
```
#d5d2e9 rgb(213,210,233)
```
#e2dfef
```
#e2dfef rgb(226,223,239)
```
#eeecf6
```
#eeecf6 rgb(238,236,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#8d8c92
```
#8d8c92 rgb(141,140,146)
```
#87849a
```
#87849a rgb(135,132,154)
```
#817ba3
```
#817ba3 rgb(129,123,163)
```
#7a73ab
```
#7a73ab rgb(122,115,171)
```
#746ab4
```
#746ab4 rgb(116,106,180)
```
#6e61bd
```
#6e61bd rgb(110,97,189)
```
#6759c5
```
#6759c5 rgb(103,89,197)
```
#6150ce
```
#6150ce rgb(97,80,206)
```
#5b48d6
```
#5b48d6 rgb(91,72,214)
```
#553fdf
```
#553fdf rgb(85,63,223)
```
#4e36e8
```
#4e36e8 rgb(78,54,232)
```
#482ef0
```
#482ef0 rgb(72,46,240)
```
#4225f9
```
#4225f9 rgb(66,37,249)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#757382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d78bd Protanopia 1% of men
#5b7ab4 Deuteranopia 1% of men
#6d7d86 Tritanopia 0.001% of the population

Trichromacy

#6573b9 Protanomaly 1% of men, 0.01% of women
#6474b4 Deuteranomaly 6% of men, 0.4% of women
#6f7696 Tritanomaly 0.01% of the population

#746ab4 hex color

#746ab4 Color Information

#746ab4 Color Conversion

Color Schemes with #746ab4

Alternatives to #746ab4

#746ab4 Preview

Shades and Tints of #746ab4

Tones of #746ab4

Color Blindness Simulator