#746ce5 hex color

In a RGB color space, hex #746ce5 is composed of 45.5% red, 42.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 52.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 244 degrees, a saturation of 69.9% and a lightness of 66.1%. #746ce5 color hex could be obtained by blending #e8d8ff with #0000cb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 45
- G 42
- B 90
RGB color chart
- C 49
- M 53
- Y 0
- K 10
CMYK color chart

● #746ce5 color description : Soft blue.

The hexadecimal color #746ce5 has RGB values of R:116, G:108, B:229 and CMYK values of C:0.49, M:0.53, Y:0, K:0.1. Its decimal value is 7630053.

Hex triplet	746ce5	`#746ce5`
RGB Decimal	116, 108, 229	`rgb(116,108,229)`
RGB Percent	45.5, 42.4, 89.8	`rgb(45.5%,42.4%,89.8%)`
CMYK	49, 53, 0, 10
HSL	244°, 69.9, 66.1	`hsl(244,69.9%,66.1%)`
HSV (or HSB)	244°, 52.8, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.944, 34.622, -60.729
XYZ	26.705, 20.094, 76.596
xyY	0.216, 0.163, 20.094
CIE-LCH	51.944, 69.905, 299.687
CIE-LUV	51.944, -4.304, -97.36
Hunter-Lab	44.827, 27.893, -69.93
Binary	01110100, 01101100, 11100101

#746ce5
```
#746ce5 rgb(116,108,229)
```
#dde56c
```
#dde56c rgb(221,229,108)
```

Complementary Color

#6ca1e5
```
#6ca1e5 rgb(108,161,229)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#b16ce5
```
#b16ce5 rgb(177,108,229)
```

Analogous Color

#a1e56c
```
#a1e56c rgb(161,229,108)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#e5b16c
```
#e5b16c rgb(229,177,108)
```

Split Complementary Color

#6ce574
```
#6ce574 rgb(108,229,116)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#e5746c
```
#e5746c rgb(229,116,108)
```

Triadic Color

#6cdde5
```
#6cdde5 rgb(108,221,229)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#e5746c
```
#e5746c rgb(229,116,108)
```
#dde56c
```
#dde56c rgb(221,229,108)
```

Tetradic Color

#372bda
```
#372bda rgb(55,43,218)
```
#4b41dd
```
#4b41dd rgb(75,65,221)
```
#6056e1
```
#6056e1 rgb(96,86,225)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#8882e9
```
#8882e9 rgb(136,130,233)
```
#9d97ed
```
#9d97ed rgb(157,151,237)
```
#b1adf0
```
#b1adf0 rgb(177,173,240)
```

Monochromatic Color

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

#6c82e5
```
#6c82e5 rgb(108,130,229)
```
#6c78e5
```
#6c78e5 rgb(108,120,229)
```
#6c6ee5
```
#6c6ee5 rgb(108,110,229)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#7e6ce5
```
#7e6ce5 rgb(126,108,229)
```
#886ce5
```
#886ce5 rgb(136,108,229)
```
#926ce5
```
#926ce5 rgb(146,108,229)
```

Similar Colors

Text with hexadecimal color #746ce5

This text has a font color of #746ce5.

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

#746ce5 background color

This paragraph has a background color of #746ce5.

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

#746ce5 border color

This element has a border color of #746ce5.

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

CSS codes

.text {color:#746ce5;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050314
```
#050314 rgb(5,3,20)
```
#080624
```
#080624 rgb(8,6,36)
```
#0c0935
```
#0c0935 rgb(12,9,53)
```
#100c46
```
#100c46 rgb(16,12,70)
```
#140f56
```
#140f56 rgb(20,15,86)
```
#181267
```
#181267 rgb(24,18,103)
```
#1c1578
```
#1c1578 rgb(28,21,120)
```
#201888
```
#201888 rgb(32,24,136)
```
#231b99
```
#231b99 rgb(35,27,153)
```
#271eaa
```
#271eaa rgb(39,30,170)
```
#2b21ba
```
#2b21ba rgb(43,33,186)
```
#2f24cb
```
#2f24cb rgb(47,36,203)
```

Shade Color Variation

#3529d9
```
#3529d9 rgb(53,41,217)
```
#453adc
```
#453adc rgb(69,58,220)
```
#544bdf
```
#544bdf rgb(84,75,223)
```
#645be2
```
#645be2 rgb(100,91,226)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#847de8
```
#847de8 rgb(132,125,232)
```
#948deb
```
#948deb rgb(148,141,235)
```
#a39eee
```
#a39eee rgb(163,158,238)
```
#b3aff1
```
#b3aff1 rgb(179,175,241)
```
#c3bff4
```
#c3bff4 rgb(195,191,244)
```
#d3d0f7
```
#d3d0f7 rgb(211,208,247)
```
#e2e1fa
```
#e2e1fa rgb(226,225,250)
```
#f2f1fd
```
#f2f1fd rgb(242,241,253)
```

Tint Color Variation

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

#a8a8a9
```
#a8a8a9 rgb(168,168,169)
```
#a2a1b0
```
#a2a1b0 rgb(162,161,176)
```
#9c9bb6
```
#9c9bb6 rgb(156,155,182)
```
#9794bd
```
#9794bd rgb(151,148,189)
```
#918dc4
```
#918dc4 rgb(145,141,196)
```
#8b87ca
```
#8b87ca rgb(139,135,202)
```
#8580d1
```
#8580d1 rgb(133,128,209)
```
#8079d8
```
#8079d8 rgb(128,121,216)
```
#7a73de
```
#7a73de rgb(122,115,222)
```
#746ce5
```
#746ce5 rgb(116,108,229)
```
#6e65ec
```
#6e65ec rgb(110,101,236)
```
#685ff2
```
#685ff2 rgb(104,95,242)
```
#6358f9
```
#6358f9 rgb(99,88,249)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#7a7991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#327ef0 Protanopia 1% of men
#0084dd Deuteranopia 1% of men
#5b8993 Tritanopia 0.001% of the population

Trichromacy

#4a78ec Protanomaly 1% of men, 0.01% of women
#2a7be0 Deuteranomaly 6% of men, 0.4% of women
#647fb1 Tritanomaly 0.01% of the population

#746ce5 hex color

#746ce5 Color Information

#746ce5 Color Conversion

Color Schemes with #746ce5

Alternatives to #746ce5

#746ce5 Preview

Shades and Tints of #746ce5

Tones of #746ce5

Color Blindness Simulator