#746bf6 hex color

In a RGB color space, hex #746bf6 is composed of 45.5% red, 42% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 56.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 243.9 degrees, a saturation of 88.5% and a lightness of 69.2%. #746bf6 color hex could be obtained by blending #e8d6ff with #0000ed. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 42
- B 96
RGB color chart
- C 53
- M 57
- Y 0
- K 4
CMYK color chart

● #746bf6 color description : Soft blue.

The hexadecimal color #746bf6 has RGB values of R:116, G:107, B:246 and CMYK values of C:0.53, M:0.57, Y:0, K:0.04. Its decimal value is 7629814.

Hex triplet	746bf6	`#746bf6`
RGB Decimal	116, 107, 246	`rgb(116,107,246)`
RGB Percent	45.5, 42, 96.5	`rgb(45.5%,42%,96.5%)`
CMYK	53, 57, 0, 4
HSL	243.9°, 88.5, 69.2	`hsl(243.9,88.5%,69.2%)`
HSV (or HSB)	243.9°, 56.5, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.819, 40.326, -68.821
XYZ	29.091, 20.881, 89.681
xyY	0.208, 0.15, 20.881
CIE-LCH	52.819, 79.766, 300.368
CIE-LUV	52.819, -5.149, -110.506
Hunter-Lab	45.696, 33.671, -84.373
Binary	01110100, 01101011, 11110110

#746bf6
```
#746bf6 rgb(116,107,246)
```
#edf66b
```
#edf66b rgb(237,246,107)
```

Complementary Color

#6ba8f6
```
#6ba8f6 rgb(107,168,246)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#ba6bf6
```
#ba6bf6 rgb(186,107,246)
```

Analogous Color

#a8f66b
```
#a8f66b rgb(168,246,107)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#f6ba6b
```
#f6ba6b rgb(246,186,107)
```

Split Complementary Color

#6bf674
```
#6bf674 rgb(107,246,116)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#f6746b
```
#f6746b rgb(246,116,107)
```

Triadic Color

#6bedf6
```
#6bedf6 rgb(107,237,246)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#f6746b
```
#f6746b rgb(246,116,107)
```
#edf66b
```
#edf66b rgb(237,246,107)
```

Tetradic Color

#3023f2
```
#3023f2 rgb(48,35,242)
```
#473bf3
```
#473bf3 rgb(71,59,243)
```
#5d53f5
```
#5d53f5 rgb(93,83,245)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#8b83f7
```
#8b83f7 rgb(139,131,247)
```
#a19bf9
```
#a19bf9 rgb(161,155,249)
```
#b8b3fa
```
#b8b3fa rgb(184,179,250)
```

Monochromatic Color

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

#6b85f6
```
#6b85f6 rgb(107,133,246)
```
#6b79f6
```
#6b79f6 rgb(107,121,246)
```
#6b6ef6
```
#6b6ef6 rgb(107,110,246)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#806bf6
```
#806bf6 rgb(128,107,246)
```
#8b6bf6
```
#8b6bf6 rgb(139,107,246)
```
#976bf6
```
#976bf6 rgb(151,107,246)
```

Similar Colors

Text with hexadecimal color #746bf6

This text has a font color of #746bf6.

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

#746bf6 background color

This paragraph has a background color of #746bf6.

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

#746bf6 border color

This element has a border color of #746bf6.

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

CSS codes

.text {color:#746bf6;}

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

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

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

#020112
```
#020112 rgb(2,1,18)
```
#040225
```
#040225 rgb(4,2,37)
```
#070337
```
#070337 rgb(7,3,55)
```
#09044a
```
#09044a rgb(9,4,74)
```
#0b065c
```
#0b065c rgb(11,6,92)
```
#0d076f
```
#0d076f rgb(13,7,111)
```
#100881
```
#100881 rgb(16,8,129)
```
#120994
```
#120994 rgb(18,9,148)
```
#140aa6
```
#140aa6 rgb(20,10,166)
```
#160bb9
```
#160bb9 rgb(22,11,185)
```
#190ccb
```
#190ccb rgb(25,12,203)
```
#1b0dde
```
#1b0dde rgb(27,13,222)
```
#1d0ff0
```
#1d0ff0 rgb(29,15,240)
```

Shade Color Variation

#2f21f2
```
#2f21f2 rgb(47,33,242)
```
#4034f3
```
#4034f3 rgb(64,52,243)
```
#5146f4
```
#5146f4 rgb(81,70,244)
```
#6359f5
```
#6359f5 rgb(99,89,245)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#857df7
```
#857df7 rgb(133,125,247)
```
#9790f8
```
#9790f8 rgb(151,144,248)
```
#a8a2f9
```
#a8a2f9 rgb(168,162,249)
```
#b9b5fa
```
#b9b5fa rgb(185,181,250)
```
#cbc7fc
```
#cbc7fc rgb(203,199,252)
```
#dcdafd
```
#dcdafd rgb(220,218,253)
```
#eeecfe
```
#eeecfe rgb(238,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aeadb4 is the less saturated color, while #6f65fc is the most saturated one.

#aeadb4
```
#aeadb4 rgb(174,173,180)
```
#a9a7ba
```
#a9a7ba rgb(169,167,186)
```
#a3a1c0
```
#a3a1c0 rgb(163,161,192)
```
#9e9bc6
```
#9e9bc6 rgb(158,155,198)
```
#9995cc
```
#9995cc rgb(153,149,204)
```
#948fd2
```
#948fd2 rgb(148,143,210)
```
#8e89d8
```
#8e89d8 rgb(142,137,216)
```
#8983de
```
#8983de rgb(137,131,222)
```
#847de4
```
#847de4 rgb(132,125,228)
```
#7f77ea
```
#7f77ea rgb(127,119,234)
```
#7971f0
```
#7971f0 rgb(121,113,240)
```
#746bf6
```
#746bf6 rgb(116,107,246)
```
#6f65fc
```
#6f65fc rgb(111,101,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#7c7a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#0087de Deuteranopia 1% of men
#508d97 Tritanopia 0.001% of the population

Trichromacy

#2a78fa Protanomaly 1% of men, 0.01% of women
#2a7de7 Deuteranomaly 6% of men, 0.4% of women
#5d81ba Tritanomaly 0.01% of the population

#746bf6 hex color

#746bf6 Color Information

#746bf6 Color Conversion

Color Schemes with #746bf6

Alternatives to #746bf6

#746bf6 Preview

Shades and Tints of #746bf6

Tones of #746bf6

Color Blindness Simulator