#746bb3 hex color

In a RGB color space, hex #746bb3 is composed of 45.5% red, 42% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 40.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 247.5 degrees, a saturation of 32.1% and a lightness of 56.1%. #746bb3 color hex could be obtained by blending #e8d6ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 45
- G 42
- B 70
RGB color chart
- C 35
- M 40
- Y 0
- K 30
CMYK color chart

● #746bb3 color description : Slightly desaturated blue.

The hexadecimal color #746bb3 has RGB values of R:116, G:107, B:179 and CMYK values of C:0.35, M:0.4, Y:0, K:0.3. Its decimal value is 7629747.

Hex triplet	746bb3	`#746bb3`
RGB Decimal	116, 107, 179	`rgb(116,107,179)`
RGB Percent	45.5, 42, 70.2	`rgb(45.5%,42%,70.2%)`
CMYK	35, 40, 0, 30
HSL	247.5°, 32.1, 56.1	`hsl(247.5,32.1%,56.1%)`
HSV (or HSB)	247.5°, 40.2, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.863, 20.737, -37.071
XYZ	20.595, 17.483, 44.935
xyY	0.248, 0.211, 17.483
CIE-LCH	48.863, 42.477, 299.222
CIE-LUV	48.863, -0.372, -58.179
Hunter-Lab	41.812, 14.751, -34.449
Binary	01110100, 01101011, 10110011

#746bb3
```
#746bb3 rgb(116,107,179)
```
#aab36b
```
#aab36b rgb(170,179,107)
```

Complementary Color

#6b86b3
```
#6b86b3 rgb(107,134,179)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#986bb3
```
#986bb3 rgb(152,107,179)
```

Analogous Color

#86b36b
```
#86b36b rgb(134,179,107)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#b3986b
```
#b3986b rgb(179,152,107)
```

Split Complementary Color

#6bb374
```
#6bb374 rgb(107,179,116)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#b3746b
```
#b3746b rgb(179,116,107)
```

Triadic Color

#6baab3
```
#6baab3 rgb(107,170,179)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#b3746b
```
#b3746b rgb(179,116,107)
```
#aab36b
```
#aab36b rgb(170,179,107)
```

Tetradic Color

#4f478a
```
#4f478a rgb(79,71,138)
```
#59509b
```
#59509b rgb(89,80,155)
```
#645aaa
```
#645aaa rgb(100,90,170)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#847cbc
```
#847cbc rgb(132,124,188)
```
#948dc4
```
#948dc4 rgb(148,141,196)
```
#a39ecd
```
#a39ecd rgb(163,158,205)
```

Monochromatic Color

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

#6b74b3
```
#6b74b3 rgb(107,116,179)
```
#6b6eb3
```
#6b6eb3 rgb(107,110,179)
```
#6e6bb3
```
#6e6bb3 rgb(110,107,179)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#7a6bb3
```
#7a6bb3 rgb(122,107,179)
```
#806bb3
```
#806bb3 rgb(128,107,179)
```
#866bb3
```
#866bb3 rgb(134,107,179)
```

Similar Colors

Text with hexadecimal color #746bb3

This text has a font color of #746bb3.

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

#746bb3 background color

This paragraph has a background color of #746bb3.

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

#746bb3 border color

This element has a border color of #746bb3.

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

CSS codes

.text {color:#746bb3;}

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

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

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)
```
#0c0b14
```
#0c0b14 rgb(12,11,20)
```
#131121
```
#131121 rgb(19,17,33)
```
#1b182e
```
#1b182e rgb(27,24,46)
```
#221e3b
```
#221e3b rgb(34,30,59)
```
#2a2548
```
#2a2548 rgb(42,37,72)
```
#312c55
```
#312c55 rgb(49,44,85)
```
#383262
```
#383262 rgb(56,50,98)
```
#40396f
```
#40396f rgb(64,57,111)
```
#47407c
```
#47407c rgb(71,64,124)
```
#4f4689
```
#4f4689 rgb(79,70,137)
```
#564d96
```
#564d96 rgb(86,77,150)
```
#5e54a3
```
#5e54a3 rgb(94,84,163)
```

Shade Color Variation

#685eac
```
#685eac rgb(104,94,172)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#8078ba
```
#8078ba rgb(128,120,186)
```
#8c85c0
```
#8c85c0 rgb(140,133,192)
```
#9992c7
```
#9992c7 rgb(153,146,199)
```
#a59fce
```
#a59fce rgb(165,159,206)
```
#b1acd4
```
#b1acd4 rgb(177,172,212)
```
#bdb9db
```
#bdb9db rgb(189,185,219)
```
#c9c6e2
```
#c9c6e2 rgb(201,198,226)
```
#d5d3e8
```
#d5d3e8 rgb(213,211,232)
```
#e2e0ef
```
#e2e0ef rgb(226,224,239)
```
#eeedf6
```
#eeedf6 rgb(238,237,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#8e8d91
```
#8e8d91 rgb(142,141,145)
```
#878599
```
#878599 rgb(135,133,153)
```
#817ca2
```
#817ca2 rgb(129,124,162)
```
#7a74aa
```
#7a74aa rgb(122,116,170)
```
#746bb3
```
#746bb3 rgb(116,107,179)
```
#6e62bc
```
#6e62bc rgb(110,98,188)
```
#675ac4
```
#675ac4 rgb(103,90,196)
```
#6151cd
```
#6151cd rgb(97,81,205)
```
#5a49d5
```
#5a49d5 rgb(90,73,213)
```
#5440de
```
#5440de rgb(84,64,222)
```
#4d37e7
```
#4d37e7 rgb(77,55,231)
```
#472fef
```
#472fef rgb(71,47,239)
```
#4026f8
```
#4026f8 rgb(64,38,248)
```

Tone Color Variation

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

#5f79bb Protanopia 1% of men
#5e7ab3 Deuteranopia 1% of men
#6e7d86 Tritanopia 0.001% of the population

Trichromacy

#6774b8 Protanomaly 1% of men, 0.01% of women
#6675b3 Deuteranomaly 6% of men, 0.4% of women
#707696 Tritanomaly 0.01% of the population

#746bb3 hex color

#746bb3 Color Information

#746bb3 Color Conversion

Color Schemes with #746bb3

Alternatives to #746bb3

#746bb3 Preview

Shades and Tints of #746bb3

Tones of #746bb3

Color Blindness Simulator