#746ffe hex color

In a RGB color space, hex #746ffe is composed of 45.5% red, 43.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 56.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 242.1 degrees, a saturation of 98.6% and a lightness of 71.6%. #746ffe color hex could be obtained by blending #e8deff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 44
- B 100
RGB color chart
- C 54
- M 56
- Y 0
- K 0
CMYK color chart

● #746ffe color description : Soft blue.

The hexadecimal color #746ffe has RGB values of R:116, G:111, B:254 and CMYK values of C:0.54, M:0.56, Y:0, K:0. Its decimal value is 7630846.

Hex triplet	746ffe	`#746ffe`
RGB Decimal	116, 111, 254	`rgb(116,111,254)`
RGB Percent	45.5, 43.5, 99.6	`rgb(45.5%,43.5%,99.6%)`
CMYK	54, 56, 0, 0
HSL	242.1°, 98.6, 71.6	`hsl(242.1,98.6%,71.6%)`
HSV (or HSB)	242.1°, 56.3, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.277, 40.413, -70.898
XYZ	30.773, 22.237, 96.431
xyY	0.206, 0.149, 22.237
CIE-LCH	54.277, 81.607, 299.684
CIE-LUV	54.277, -6.714, -114.412
Hunter-Lab	47.156, 33.963, -88.236
Binary	01110100, 01101111, 11111110

#746ffe
```
#746ffe rgb(116,111,254)
```
#f9fe6f
```
#f9fe6f rgb(249,254,111)
```

Complementary Color

#6fb2fe
```
#6fb2fe rgb(111,178,254)
```
#746ffe
```
#746ffe rgb(116,111,254)
```
#bc6ffe
```
#bc6ffe rgb(188,111,254)
```

Analogous Color

#b2fe6f
```
#b2fe6f rgb(178,254,111)
```
#746ffe
```
#746ffe rgb(116,111,254)
```
#febc6f
```
#febc6f rgb(254,188,111)
```

Split Complementary Color

#6ffe74
```
#6ffe74 rgb(111,254,116)
```
#746ffe
```
#746ffe rgb(116,111,254)
```
#fe746f
```
#fe746f rgb(254,116,111)
```

Triadic Color

#6ff9fe
```
#6ff9fe rgb(111,249,254)
```
#746ffe
```
#746ffe rgb(116,111,254)
```
#fe746f
```
#fe746f rgb(254,116,111)
```
#f9fe6f
```
#f9fe6f rgb(249,254,111)
```

Tetradic Color

#2b23fd
```
#2b23fd rgb(43,35,253)
```
#433cfe
```
#433cfe rgb(67,60,254)
```
#5c56fe
```
#5c56fe rgb(92,86,254)
```
#746ffe
```
#746ffe rgb(116,111,254)
```
#8c88fe
```
#8c88fe rgb(140,136,254)
```
#a5a2fe
```
#a5a2fe rgb(165,162,254)
```
#bdbbff
```
#bdbbff rgb(189,187,255)
```

Monochromatic Color

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

#6f8efe
```
#6f8efe rgb(111,142,254)
```
#6f82fe
```
#6f82fe rgb(111,130,254)
```
#6f76fe
```
#6f76fe rgb(111,118,254)
```
#746ffe
```
#746ffe rgb(116,111,254)
```
#806ffe
```
#806ffe rgb(128,111,254)
```
#8c6ffe
```
#8c6ffe rgb(140,111,254)
```
#986ffe
```
#986ffe rgb(152,111,254)
```

Similar Colors

Text with hexadecimal color #746ffe

This text has a font color of #746ffe.

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

#746ffe background color

This paragraph has a background color of #746ffe.

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

#746ffe border color

This element has a border color of #746ffe.

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

CSS codes

.text {color:#746ffe;}

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

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

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, #00000c is the darkest color, while #f8f7ff is the lightest one.

#00000c
```
#00000c rgb(0,0,12)
```
#01001f
```
#01001f rgb(1,0,31)
```
#020033
```
#020033 rgb(2,0,51)
```
#030046
```
#030046 rgb(3,0,70)
```
#04015a
```
#04015a rgb(4,1,90)
```
#05016d
```
#05016d rgb(5,1,109)
```
#050181
```
#050181 rgb(5,1,129)
```
#060194
```
#060194 rgb(6,1,148)
```
#0701a8
```
#0701a8 rgb(7,1,168)
```
#0801bb
```
#0801bb rgb(8,1,187)
```
#0901cf
```
#0901cf rgb(9,1,207)
```
#0902e2
```
#0902e2 rgb(9,2,226)
```
#0a02f6
```
#0a02f6 rgb(10,2,246)
```

Shade Color Variation

#160efd
```
#160efd rgb(22,14,253)
```
#2921fd
```
#2921fd rgb(41,33,253)
```
#3c35fe
```
#3c35fe rgb(60,53,254)
```
#4e48fe
```
#4e48fe rgb(78,72,254)
```
#615cfe
```
#615cfe rgb(97,92,254)
```
#746ffe
```
#746ffe rgb(116,111,254)
```
#8782fe
```
#8782fe rgb(135,130,254)
```
#9a96fe
```
#9a96fe rgb(154,150,254)
```
#aca9fe
```
#aca9fe rgb(172,169,254)
```
#bfbdff
```
#bfbdff rgb(191,189,255)
```
#d2d0ff
```
#d2d0ff rgb(210,208,255)
```
#e5e4ff
```
#e5e4ff rgb(229,228,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

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

#b2b2bb
```
#b2b2bb rgb(178,178,187)
```
#adacc1
```
#adacc1 rgb(173,172,193)
```
#a8a7c6
```
#a8a7c6 rgb(168,167,198)
```
#a3a1cc
```
#a3a1cc rgb(163,161,204)
```
#9d9cd1
```
#9d9cd1 rgb(157,156,209)
```
#9896d7
```
#9896d7 rgb(152,150,215)
```
#9390dd
```
#9390dd rgb(147,144,221)
```
#8e8be2
```
#8e8be2 rgb(142,139,226)
```
#8985e8
```
#8985e8 rgb(137,133,232)
```
#8480ed
```
#8480ed rgb(132,128,237)
```
#7e7af3
```
#7e7af3 rgb(126,122,243)
```
#7975f8
```
#7975f8 rgb(121,117,248)
```
#746ffe
```
#746ffe rgb(116,111,254)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7e7d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2684ff Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#4c929c Tritanopia 0.001% of the population

Trichromacy

#427cfe Protanomaly 1% of men, 0.01% of women
#2a80ed Deuteranomaly 6% of men, 0.4% of women
#5a85c0 Tritanomaly 0.01% of the population

#746ffe hex color

#746ffe Color Information

#746ffe Color Conversion

Color Schemes with #746ffe

Alternatives to #746ffe

#746ffe Preview

Shades and Tints of #746ffe

Tones of #746ffe

Color Blindness Simulator