#746ef0 hex color

In a RGB color space, hex #746ef0 is composed of 45.5% red, 43.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 54.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 242.8 degrees, a saturation of 81.3% and a lightness of 68.6%. #746ef0 color hex could be obtained by blending #e8dcff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 43
- B 94
RGB color chart
- C 52
- M 54
- Y 0
- K 6
CMYK color chart

● #746ef0 color description : Soft blue.

The hexadecimal color #746ef0 has RGB values of R:116, G:110, B:240 and CMYK values of C:0.52, M:0.54, Y:0, K:0.06. Its decimal value is 7630576.

Hex triplet	746ef0	`#746ef0`
RGB Decimal	116, 110, 240	`rgb(116,110,240)`
RGB Percent	45.5, 43.1, 94.1	`rgb(45.5%,43.1%,94.1%)`
CMYK	52, 54, 0, 6
HSL	242.8°, 81.3, 68.6	`hsl(242.8,81.3%,68.6%)`
HSV (or HSB)	242.8°, 54.2, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.119, 36.749, -64.995
XYZ	28.504, 21.155, 85.015
xyY	0.212, 0.157, 21.155
CIE-LCH	53.119, 74.664, 299.484
CIE-LUV	53.119, -5.589, -104.598
Hunter-Lab	45.995, 30.128, -77.393
Binary	01110100, 01101110, 11110000

#746ef0
```
#746ef0 rgb(116,110,240)
```
#eaf06e
```
#eaf06e rgb(234,240,110)
```

Complementary Color

#6ea9f0
```
#6ea9f0 rgb(110,169,240)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#b56ef0
```
#b56ef0 rgb(181,110,240)
```

Analogous Color

#a9f06e
```
#a9f06e rgb(169,240,110)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#f0b56e
```
#f0b56e rgb(240,181,110)
```

Split Complementary Color

#6ef074
```
#6ef074 rgb(110,240,116)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#f0746e
```
#f0746e rgb(240,116,110)
```

Triadic Color

#6eeaf0
```
#6eeaf0 rgb(110,234,240)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#f0746e
```
#f0746e rgb(240,116,110)
```
#eaf06e
```
#eaf06e rgb(234,240,110)
```

Tetradic Color

#3229e9
```
#3229e9 rgb(50,41,233)
```
#4840eb
```
#4840eb rgb(72,64,235)
```
#5e57ee
```
#5e57ee rgb(94,87,238)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#8a85f2
```
#8a85f2 rgb(138,133,242)
```
#a09cf5
```
#a09cf5 rgb(160,156,245)
```
#b6b3f7
```
#b6b3f7 rgb(182,179,247)
```

Monochromatic Color

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

#6e89f0
```
#6e89f0 rgb(110,137,240)
```
#6e7ef0
```
#6e7ef0 rgb(110,126,240)
```
#6e73f0
```
#6e73f0 rgb(110,115,240)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#7f6ef0
```
#7f6ef0 rgb(127,110,240)
```
#8a6ef0
```
#8a6ef0 rgb(138,110,240)
```
#956ef0
```
#956ef0 rgb(149,110,240)
```

Similar Colors

Text with hexadecimal color #746ef0

This text has a font color of #746ef0.

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

#746ef0 background color

This paragraph has a background color of #746ef0.

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

#746ef0 border color

This element has a border color of #746ef0.

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

CSS codes

.text {color:#746ef0;}

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

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

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, #02020f is the darkest color, while #fcfcff is the lightest one.

#02020f
```
#02020f rgb(2,2,15)
```
#050321
```
#050321 rgb(5,3,33)
```
#070533
```
#070533 rgb(7,5,51)
```
#0a0744
```
#0a0744 rgb(10,7,68)
```
#0c0956
```
#0c0956 rgb(12,9,86)
```
#0f0b68
```
#0f0b68 rgb(15,11,104)
```
#120d7a
```
#120d7a rgb(18,13,122)
```
#140e8b
```
#140e8b rgb(20,14,139)
```
#17109d
```
#17109d rgb(23,16,157)
```
#1912af
```
#1912af rgb(25,18,175)
```
#1c14c1
```
#1c14c1 rgb(28,20,193)
```
#1e16d3
```
#1e16d3 rgb(30,22,211)
```
#2118e4
```
#2118e4 rgb(33,24,228)
```

Shade Color Variation

#3027e9
```
#3027e9 rgb(48,39,233)
```
#4139ea
```
#4139ea rgb(65,57,234)
```
#524aec
```
#524aec rgb(82,74,236)
```
#635cee
```
#635cee rgb(99,92,238)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#8580f2
```
#8580f2 rgb(133,128,242)
```
#9692f4
```
#9692f4 rgb(150,146,244)
```
#a7a3f6
```
#a7a3f6 rgb(167,163,246)
```
#b8b5f7
```
#b8b5f7 rgb(184,181,247)
```
#c9c7f9
```
#c9c7f9 rgb(201,199,249)
```
#dad9fb
```
#dad9fb rgb(218,217,251)
```
#ebeafd
```
#ebeafd rgb(235,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#acacb2
```
#acacb2 rgb(172,172,178)
```
#a6a5b9
```
#a6a5b9 rgb(166,165,185)
```
#a19fbf
```
#a19fbf rgb(161,159,191)
```
#9b99c5
```
#9b99c5 rgb(155,153,197)
```
#9693cb
```
#9693cb rgb(150,147,203)
```
#908dd1
```
#908dd1 rgb(144,141,209)
```
#8a87d7
```
#8a87d7 rgb(138,135,215)
```
#8580de
```
#8580de rgb(133,128,222)
```
#7f7ae4
```
#7f7ae4 rgb(127,122,228)
```
#7a74ea
```
#7a74ea rgb(122,116,234)
```
#746ef0
```
#746ef0 rgb(116,110,240)
```
#6e68f6
```
#6e68f6 rgb(110,104,246)
```
#6962fc
```
#6962fc rgb(105,98,252)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7d7c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e81fb Protanopia 1% of men
#0087e1 Deuteranopia 1% of men
#558d98 Tritanopia 0.001% of the population

Trichromacy

#3d7af7 Protanomaly 1% of men, 0.01% of women
#2a7ee6 Deuteranomaly 6% of men, 0.4% of women
#6082b8 Tritanomaly 0.01% of the population

#746ef0 hex color

#746ef0 Color Information

#746ef0 Color Conversion

Color Schemes with #746ef0

Alternatives to #746ef0

#746ef0 Preview

Shades and Tints of #746ef0

Tones of #746ef0

Color Blindness Simulator