#746af8 hex color

In a RGB color space, hex #746af8 is composed of 45.5% red, 41.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 57.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 244.2 degrees, a saturation of 91% and a lightness of 69.4%. #746af8 color hex could be obtained by blending #e8d4ff with #0000f1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 45
- G 42
- B 97
RGB color chart
- C 53
- M 57
- Y 0
- K 3
CMYK color chart

● #746af8 color description : Soft blue.

The hexadecimal color #746af8 has RGB values of R:116, G:106, B:248 and CMYK values of C:0.53, M:0.57, Y:0, K:0.03. Its decimal value is 7629560.

Hex triplet	746af8	`#746af8`
RGB Decimal	116, 106, 248	`rgb(116,106,248)`
RGB Percent	45.5, 41.6, 97.3	`rgb(45.5%,41.6%,97.3%)`
CMYK	53, 57, 0, 3
HSL	244.2°, 91, 69.4	`hsl(244.2,91%,69.4%)`
HSV (or HSB)	244.2°, 57.3, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.727, 41.513, -70.083
XYZ	29.297, 20.797, 91.272
xyY	0.207, 0.147, 20.797
CIE-LCH	52.727, 81.455, 300.64
CIE-LUV	52.727, -5.015, -112.428
Hunter-Lab	45.604, 34.863, -86.74
Binary	01110100, 01101010, 11111000

#746af8
```
#746af8 rgb(116,106,248)
```
#eef86a
```
#eef86a rgb(238,248,106)
```

Complementary Color

#6aa7f8
```
#6aa7f8 rgb(106,167,248)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#bb6af8
```
#bb6af8 rgb(187,106,248)
```

Analogous Color

#a7f86a
```
#a7f86a rgb(167,248,106)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#f8bb6a
```
#f8bb6a rgb(248,187,106)
```

Split Complementary Color

#6af874
```
#6af874 rgb(106,248,116)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#f8746a
```
#f8746a rgb(248,116,106)
```

Triadic Color

#6aeef8
```
#6aeef8 rgb(106,238,248)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#f8746a
```
#f8746a rgb(248,116,106)
```
#eef86a
```
#eef86a rgb(238,248,106)
```

Tetradic Color

#3021f5
```
#3021f5 rgb(48,33,245)
```
#4739f6
```
#4739f6 rgb(71,57,246)
```
#5d52f7
```
#5d52f7 rgb(93,82,247)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#8b82f9
```
#8b82f9 rgb(139,130,249)
```
#a19bfa
```
#a19bfa rgb(161,155,250)
```
#b8b3fb
```
#b8b3fb rgb(184,179,251)
```

Monochromatic Color

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

#6a84f8
```
#6a84f8 rgb(106,132,248)
```
#6a78f8
```
#6a78f8 rgb(106,120,248)
```
#6a6cf8
```
#6a6cf8 rgb(106,108,248)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#806af8
```
#806af8 rgb(128,106,248)
```
#8c6af8
```
#8c6af8 rgb(140,106,248)
```
#986af8
```
#986af8 rgb(152,106,248)
```

Similar Colors

Text with hexadecimal color #746af8

This text has a font color of #746af8.

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

#746af8 background color

This paragraph has a background color of #746af8.

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

#746af8 border color

This element has a border color of #746af8.

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

CSS codes

.text {color:#746af8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020114
```
#020114 rgb(2,1,20)
```
#040226
```
#040226 rgb(4,2,38)
```
#070339
```
#070339 rgb(7,3,57)
```
#09044c
```
#09044c rgb(9,4,76)
```
#0b045f
```
#0b045f rgb(11,4,95)
```
#0d0571
```
#0d0571 rgb(13,5,113)
```
#0f0684
```
#0f0684 rgb(15,6,132)
```
#110797
```
#110797 rgb(17,7,151)
```
#1308a9
```
#1308a9 rgb(19,8,169)
```
#1509bc
```
#1509bc rgb(21,9,188)
```
#180acf
```
#180acf rgb(24,10,207)
```
#1a0be2
```
#1a0be2 rgb(26,11,226)
```

Shade Color Variation

#1d0cf4
```
#1d0cf4 rgb(29,12,244)
```
#2e1ff4
```
#2e1ff4 rgb(46,31,244)
```
#4032f5
```
#4032f5 rgb(64,50,245)
```
#5145f6
```
#5145f6 rgb(81,69,246)
```
#6357f7
```
#6357f7 rgb(99,87,247)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#857df9
```
#857df9 rgb(133,125,249)
```
#978ffa
```
#978ffa rgb(151,143,250)
```
#a8a2fb
```
#a8a2fb rgb(168,162,251)
```
#bab5fc
```
#bab5fc rgb(186,181,252)
```
#cbc8fc
```
#cbc8fc rgb(203,200,252)
```
#dddafd
```
#dddafd rgb(221,218,253)
```
#eeedfe
```
#eeedfe rgb(238,237,254)
```

Tint Color Variation

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

#adacb6
```
#adacb6 rgb(173,172,182)
```
#a8a6bc
```
#a8a6bc rgb(168,166,188)
```
#a2a0c2
```
#a2a0c2 rgb(162,160,194)
```
#9d9ac8
```
#9d9ac8 rgb(157,154,200)
```
#9894ce
```
#9894ce rgb(152,148,206)
```
#938ed4
```
#938ed4 rgb(147,142,212)
```
#8e88da
```
#8e88da rgb(142,136,218)
```
#8982e0
```
#8982e0 rgb(137,130,224)
```
#837ce6
```
#837ce6 rgb(131,124,230)
```
#7e76ec
```
#7e76ec rgb(126,118,236)
```
#7970f2
```
#7970f2 rgb(121,112,242)
```
#746af8
```
#746af8 rgb(116,106,248)
```
#6f64fe
```
#6f64fe rgb(111,100,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#7b7996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#0087de Deuteranopia 1% of men
#4f8d97 Tritanopia 0.001% of the population

Trichromacy

#2a78fa Protanomaly 1% of men, 0.01% of women
#2a7ce7 Deuteranomaly 6% of men, 0.4% of women
#5c80ba Tritanomaly 0.01% of the population

#746af8 hex color

#746af8 Color Information

#746af8 Color Conversion

Color Schemes with #746af8

Alternatives to #746af8

#746af8 Preview

Shades and Tints of #746af8

Tones of #746af8

Color Blindness Simulator