#746ce2 hex color

In a RGB color space, hex #746ce2 is composed of 45.5% red, 42.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 52.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 244.1 degrees, a saturation of 67% and a lightness of 65.5%. #746ce2 color hex could be obtained by blending #e8d8ff with #0000c5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 45
- G 42
- B 89
RGB color chart
- C 49
- M 52
- Y 0
- K 11
CMYK color chart

● #746ce2 color description : Soft blue.

The hexadecimal color #746ce2 has RGB values of R:116, G:108, B:226 and CMYK values of C:0.49, M:0.52, Y:0, K:0.11. Its decimal value is 7630050.

Hex triplet	746ce2	`#746ce2`
RGB Decimal	116, 108, 226	`rgb(116,108,226)`
RGB Percent	45.5, 42.4, 88.6	`rgb(45.5%,42.4%,88.6%)`
CMYK	49, 52, 0, 11
HSL	244.1°, 67, 65.5	`hsl(244.1,67%,65.5%)`
HSV (or HSB)	244.1°, 52.2, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.756, 33.724, -59.343
XYZ	26.29, 19.928, 74.409
xyY	0.218, 0.165, 19.928
CIE-LCH	51.756, 68.257, 299.609
CIE-LUV	51.756, -4.103, -95.077
Hunter-Lab	44.641, 26.999, -67.577
Binary	01110100, 01101100, 11100010

#746ce2
```
#746ce2 rgb(116,108,226)
```
#dae26c
```
#dae26c rgb(218,226,108)
```

Complementary Color

#6c9fe2
```
#6c9fe2 rgb(108,159,226)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#af6ce2
```
#af6ce2 rgb(175,108,226)
```

Analogous Color

#9fe26c
```
#9fe26c rgb(159,226,108)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#e2af6c
```
#e2af6c rgb(226,175,108)
```

Split Complementary Color

#6ce274
```
#6ce274 rgb(108,226,116)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#e2746c
```
#e2746c rgb(226,116,108)
```

Triadic Color

#6cdae2
```
#6cdae2 rgb(108,218,226)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#e2746c
```
#e2746c rgb(226,116,108)
```
#dae26c
```
#dae26c rgb(218,226,108)
```

Tetradic Color

#382cd5
```
#382cd5 rgb(56,44,213)
```
#4c41da
```
#4c41da rgb(76,65,218)
```
#6057de
```
#6057de rgb(96,87,222)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#8881e6
```
#8881e6 rgb(136,129,230)
```
#9c97ea
```
#9c97ea rgb(156,151,234)
```
#b0acef
```
#b0acef rgb(176,172,239)
```

Monochromatic Color

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

#6c82e2
```
#6c82e2 rgb(108,130,226)
```
#6c78e2
```
#6c78e2 rgb(108,120,226)
```
#6c6ee2
```
#6c6ee2 rgb(108,110,226)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#7e6ce2
```
#7e6ce2 rgb(126,108,226)
```
#886ce2
```
#886ce2 rgb(136,108,226)
```
#926ce2
```
#926ce2 rgb(146,108,226)
```

Similar Colors

Text with hexadecimal color #746ce2

This text has a font color of #746ce2.

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

#746ce2 background color

This paragraph has a background color of #746ce2.

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

#746ce2 border color

This element has a border color of #746ce2.

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

CSS codes

.text {color:#746ce2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040311
```
#040311 rgb(4,3,17)
```
#080721
```
#080721 rgb(8,7,33)
```
#0c0a32
```
#0c0a32 rgb(12,10,50)
```
#110d42
```
#110d42 rgb(17,13,66)
```
#151052
```
#151052 rgb(21,16,82)
```
#191363
```
#191363 rgb(25,19,99)
```
#1d1773
```
#1d1773 rgb(29,23,115)
```
#211a84
```
#211a84 rgb(33,26,132)
```
#251d94
```
#251d94 rgb(37,29,148)
```
#2920a4
```
#2920a4 rgb(41,32,164)
```
#2d24b5
```
#2d24b5 rgb(45,36,181)
```
#3227c5
```
#3227c5 rgb(50,39,197)
```

Shade Color Variation

#362ad5
```
#362ad5 rgb(54,42,213)
```
#463bd8
```
#463bd8 rgb(70,59,216)
```
#554bdc
```
#554bdc rgb(85,75,220)
```
#655cdf
```
#655cdf rgb(101,92,223)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#837ce5
```
#837ce5 rgb(131,124,229)
```
#938de8
```
#938de8 rgb(147,141,232)
```
#a29dec
```
#a29dec rgb(162,157,236)
```
#b2aeef
```
#b2aeef rgb(178,174,239)
```
#c1bef2
```
#c1bef2 rgb(193,190,242)
```
#d1cef5
```
#d1cef5 rgb(209,206,245)
```
#e0dff9
```
#e0dff9 rgb(224,223,249)
```
#f0effc
```
#f0effc rgb(240,239,252)
```

Tint Color Variation

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

#a3a2ac
```
#a3a2ac rgb(163,162,172)
```
#9d9bb3
```
#9d9bb3 rgb(157,155,179)
```
#9795b9
```
#9795b9 rgb(151,149,185)
```
#918ec0
```
#918ec0 rgb(145,142,192)
```
#8b87c7
```
#8b87c7 rgb(139,135,199)
```
#8680ce
```
#8680ce rgb(134,128,206)
```
#807ad4
```
#807ad4 rgb(128,122,212)
```
#7a73db
```
#7a73db rgb(122,115,219)
```
#746ce2
```
#746ce2 rgb(116,108,226)
```
#6e65e9
```
#6e65e9 rgb(110,101,233)
```
#685ef0
```
#685ef0 rgb(104,94,240)
```
#6258f6
```
#6258f6 rgb(98,88,246)
```
#5d51fd
```
#5d51fd rgb(93,81,253)
```

Tone Color Variation

Below, you can see how #746ce2 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
#7a7990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#377eed Protanopia 1% of men
#0d84dc Deuteranopia 1% of men
#5c8993 Tritanopia 0.001% of the population

Trichromacy

#4d77e9 Protanomaly 1% of men, 0.01% of women
#327bde Deuteranomaly 6% of men, 0.4% of women
#657eaf Tritanomaly 0.01% of the population

#746ce2 hex color

#746ce2 Color Information

#746ce2 Color Conversion

Color Schemes with #746ce2

Alternatives to #746ce2

#746ce2 Preview

Shades and Tints of #746ce2

Tones of #746ce2

Color Blindness Simulator