#746ffd hex color

In a RGB color space, hex #746ffd is composed of 45.5% red, 43.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 56.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 242.1 degrees, a saturation of 97.3% and a lightness of 71.4%. #746ffd color hex could be obtained by blending #e8deff with #0000fb. Closest websafe color is: #6666ff.

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

● #746ffd color description : Soft blue.

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

Hex triplet	746ffd	`#746ffd`
RGB Decimal	116, 111, 253	`rgb(116,111,253)`
RGB Percent	45.5, 43.5, 99.2	`rgb(45.5%,43.5%,99.2%)`
CMYK	54, 56, 0, 1
HSL	242.1°, 97.3, 71.4	`hsl(242.1,97.3%,71.4%)`
HSV (or HSB)	242.1°, 56.1, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.21, 40.108, -70.454
XYZ	30.613, 22.173, 95.59
xyY	0.206, 0.149, 22.173
CIE-LCH	54.21, 81.07, 299.652
CIE-LUV	54.21, -6.655, -113.685
Hunter-Lab	47.088, 33.644, -87.399
Binary	01110100, 01101111, 11111101

#746ffd
```
#746ffd rgb(116,111,253)
```
#f8fd6f
```
#f8fd6f rgb(248,253,111)
```

Complementary Color

#6fb1fd
```
#6fb1fd rgb(111,177,253)
```
#746ffd
```
#746ffd rgb(116,111,253)
```
#bb6ffd
```
#bb6ffd rgb(187,111,253)
```

Analogous Color

#b1fd6f
```
#b1fd6f rgb(177,253,111)
```
#746ffd
```
#746ffd rgb(116,111,253)
```
#fdbb6f
```
#fdbb6f rgb(253,187,111)
```

Split Complementary Color

#6ffd74
```
#6ffd74 rgb(111,253,116)
```
#746ffd
```
#746ffd rgb(116,111,253)
```
#fd746f
```
#fd746f rgb(253,116,111)
```

Triadic Color

#6ff8fd
```
#6ff8fd rgb(111,248,253)
```
#746ffd
```
#746ffd rgb(116,111,253)
```
#fd746f
```
#fd746f rgb(253,116,111)
```
#f8fd6f
```
#f8fd6f rgb(248,253,111)
```

Tetradic Color

#2b24fc
```
#2b24fc rgb(43,36,252)
```
#433dfc
```
#433dfc rgb(67,61,252)
```
#5c56fd
```
#5c56fd rgb(92,86,253)
```
#746ffd
```
#746ffd rgb(116,111,253)
```
#8c88fd
```
#8c88fd rgb(140,136,253)
```
#a5a1fe
```
#a5a1fe rgb(165,161,254)
```
#bdbafe
```
#bdbafe rgb(189,186,254)
```

Monochromatic Color

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

#6f8efd
```
#6f8efd rgb(111,142,253)
```
#6f82fd
```
#6f82fd rgb(111,130,253)
```
#6f76fd
```
#6f76fd rgb(111,118,253)
```
#746ffd
```
#746ffd rgb(116,111,253)
```
#806ffd
```
#806ffd rgb(128,111,253)
```
#8c6ffd
```
#8c6ffd rgb(140,111,253)
```
#986ffd
```
#986ffd rgb(152,111,253)
```

Similar Colors

Text with hexadecimal color #746ffd

This text has a font color of #746ffd.

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

#746ffd background color

This paragraph has a background color of #746ffd.

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

#746ffd border color

This element has a border color of #746ffd.

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

CSS codes

.text {color:#746ffd;}

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

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

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, #01000b is the darkest color, while #f7f6ff is the lightest one.

#01000b
```
#01000b rgb(1,0,11)
```
#01001e
```
#01001e rgb(1,0,30)
```
#020131
```
#020131 rgb(2,1,49)
```
#030145
```
#030145 rgb(3,1,69)
```
#040158
```
#040158 rgb(4,1,88)
```
#05016c
```
#05016c rgb(5,1,108)
```
#06027f
```
#06027f rgb(6,2,127)
```
#070292
```
#070292 rgb(7,2,146)
```
#0802a6
```
#0802a6 rgb(8,2,166)
```
#0903b9
```
#0903b9 rgb(9,3,185)
```
#0a03cc
```
#0a03cc rgb(10,3,204)
```
#0b03e0
```
#0b03e0 rgb(11,3,224)
```
#0c03f3
```
#0c03f3 rgb(12,3,243)
```

Shade Color Variation

#170efc
```
#170efc rgb(23,14,252)
```
#2922fc
```
#2922fc rgb(41,34,252)
```
#3c35fc
```
#3c35fc rgb(60,53,252)
```
#4f48fc
```
#4f48fc rgb(79,72,252)
```
#615cfd
```
#615cfd rgb(97,92,253)
```
#746ffd
```
#746ffd rgb(116,111,253)
```
#8782fd
```
#8782fd rgb(135,130,253)
```
#9996fe
```
#9996fe rgb(153,150,254)
```
#aca9fe
```
#aca9fe rgb(172,169,254)
```
#bfbcfe
```
#bfbcfe rgb(191,188,254)
```
#d1d0fe
```
#d1d0fe rgb(209,208,254)
```
#e4e3ff
```
#e4e3ff rgb(228,227,255)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#b3b2ba
```
#b3b2ba rgb(179,178,186)
```
#adadbf
```
#adadbf rgb(173,173,191)
```
#a8a7c5
```
#a8a7c5 rgb(168,167,197)
```
#a3a2ca
```
#a3a2ca rgb(163,162,202)
```
#9e9cd0
```
#9e9cd0 rgb(158,156,208)
```
#9996d6
```
#9996d6 rgb(153,150,214)
```
#9391db
```
#9391db rgb(147,145,219)
```
#8e8be1
```
#8e8be1 rgb(142,139,225)
```
#8985e7
```
#8985e7 rgb(137,133,231)
```
#8480ec
```
#8480ec rgb(132,128,236)
```
#7e7af2
```
#7e7af2 rgb(126,122,242)
```
#7975f7
```
#7975f7 rgb(121,117,247)
```
#746ffd
```
#746ffd rgb(116,111,253)
```

Tone Color Variation

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

#2584ff Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#4d919c Tritanopia 0.001% of the population

Trichromacy

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

#746ffd hex color

#746ffd Color Information

#746ffd Color Conversion

Color Schemes with #746ffd

Alternatives to #746ffd

#746ffd Preview

Shades and Tints of #746ffd

Tones of #746ffd

Color Blindness Simulator