#746bb2 hex color

In a RGB color space, hex #746bb2 is composed of 45.5% red, 42% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 39.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 247.6 degrees, a saturation of 31.6% and a lightness of 55.9%. #746bb2 color hex could be obtained by blending #e8d6ff with #000065. Closest websafe color is: #666699.

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

● #746bb2 color description : Mostly desaturated dark blue.

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

Hex triplet	746bb2	`#746bb2`
RGB Decimal	116, 107, 178	`rgb(116,107,178)`
RGB Percent	45.5, 42, 69.8	`rgb(45.5%,42%,69.8%)`
CMYK	35, 40, 0, 30
HSL	247.6°, 31.6, 55.9	`hsl(247.6,31.6%,55.9%)`
HSV (or HSB)	247.6°, 39.9, 69.8
Web Safe	666699	`#666699`

CIE-LAB	48.813, 20.461, -36.568
XYZ	20.495, 17.442, 44.404
xyY	0.249, 0.212, 17.442
CIE-LCH	48.813, 41.904, 299.228
CIE-LUV	48.813, -0.295, -57.351
Hunter-Lab	41.764, 14.506, -33.803
Binary	01110100, 01101011, 10110010

#746bb2
```
#746bb2 rgb(116,107,178)
```
#a9b26b
```
#a9b26b rgb(169,178,107)
```

Complementary Color

#6b86b2
```
#6b86b2 rgb(107,134,178)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#986bb2
```
#986bb2 rgb(152,107,178)
```

Analogous Color

#86b26b
```
#86b26b rgb(134,178,107)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#b2986b
```
#b2986b rgb(178,152,107)
```

Split Complementary Color

#6bb274
```
#6bb274 rgb(107,178,116)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#b2746b
```
#b2746b rgb(178,116,107)
```

Triadic Color

#6ba9b2
```
#6ba9b2 rgb(107,169,178)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#b2746b
```
#b2746b rgb(178,116,107)
```
#a9b26b
```
#a9b26b rgb(169,178,107)
```

Tetradic Color

#504789
```
#504789 rgb(80,71,137)
```
#59509a
```
#59509a rgb(89,80,154)
```
#645aa9
```
#645aa9 rgb(100,90,169)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#847cbb
```
#847cbb rgb(132,124,187)
```
#948dc3
```
#948dc3 rgb(148,141,195)
```
#a39dcc
```
#a39dcc rgb(163,157,204)
```

Monochromatic Color

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

#6b74b2
```
#6b74b2 rgb(107,116,178)
```
#6b6eb2
```
#6b6eb2 rgb(107,110,178)
```
#6e6bb2
```
#6e6bb2 rgb(110,107,178)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#7a6bb2
```
#7a6bb2 rgb(122,107,178)
```
#806bb2
```
#806bb2 rgb(128,107,178)
```
#866bb2
```
#866bb2 rgb(134,107,178)
```

Similar Colors

Text with hexadecimal color #746bb2

This text has a font color of #746bb2.

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

#746bb2 background color

This paragraph has a background color of #746bb2.

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

#746bb2 border color

This element has a border color of #746bb2.

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

CSS codes

.text {color:#746bb2;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0b0a14
```
#0b0a14 rgb(11,10,20)
```
#131121
```
#131121 rgb(19,17,33)
```
#1a182e
```
#1a182e rgb(26,24,46)
```
#221e3a
```
#221e3a rgb(34,30,58)
```
#292547
```
#292547 rgb(41,37,71)
```
#312c54
```
#312c54 rgb(49,44,84)
```
#383361
```
#383361 rgb(56,51,97)
```
#40396e
```
#40396e rgb(64,57,110)
```
#47407b
```
#47407b rgb(71,64,123)
```
#4f4788
```
#4f4788 rgb(79,71,136)
```
#564d95
```
#564d95 rgb(86,77,149)
```
#5e54a2
```
#5e54a2 rgb(94,84,162)
```

Shade Color Variation

#685eab
```
#685eab rgb(104,94,171)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#8078b9
```
#8078b9 rgb(128,120,185)
```
#8c85bf
```
#8c85bf rgb(140,133,191)
```
#9892c6
```
#9892c6 rgb(152,146,198)
```
#a49fcd
```
#a49fcd rgb(164,159,205)
```
#b1acd4
```
#b1acd4 rgb(177,172,212)
```
#bdb8da
```
#bdb8da rgb(189,184,218)
```
#c9c5e1
```
#c9c5e1 rgb(201,197,225)
```
#d5d2e8
```
#d5d2e8 rgb(213,210,232)
```
#e1dfee
```
#e1dfee rgb(225,223,238)
```
#edecf5
```
#edecf5 rgb(237,236,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#878598
```
#878598 rgb(135,133,152)
```
#817ca1
```
#817ca1 rgb(129,124,161)
```
#7a74a9
```
#7a74a9 rgb(122,116,169)
```
#746bb2
```
#746bb2 rgb(116,107,178)
```
#6e62bb
```
#6e62bb rgb(110,98,187)
```
#675ac3
```
#675ac3 rgb(103,90,195)
```
#6151cc
```
#6151cc rgb(97,81,204)
```
#5a48d5
```
#5a48d5 rgb(90,72,213)
```
#5440dd
```
#5440dd rgb(84,64,221)
```
#4d37e6
```
#4d37e6 rgb(77,55,230)
```
#472eef
```
#472eef rgb(71,46,239)
```
#4026f7
```
#4026f7 rgb(64,38,247)
```

Tone Color Variation

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

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

Trichromacy

#6773b7 Protanomaly 1% of men, 0.01% of women
#6675b2 Deuteranomaly 6% of men, 0.4% of women
#707696 Tritanomaly 0.01% of the population

#746bb2 hex color

#746bb2 Color Information

#746bb2 Color Conversion

Color Schemes with #746bb2

Alternatives to #746bb2

#746bb2 Preview

Shades and Tints of #746bb2

Tones of #746bb2

Color Blindness Simulator