#7486f7 hex color

In a RGB color space, hex #7486f7 is composed of 45.5% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 231.8 degrees, a saturation of 89.1% and a lightness of 71.2%. #7486f7 color hex could be obtained by blending #e8ffff with #000def. Closest websafe color is: #6699ff.

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

● #7486f7 color description : Soft blue.

The hexadecimal color #7486f7 has RGB values of R:116, G:134, B:247 and CMYK values of C:0.53, M:0.46, Y:0, K:0.03. Its decimal value is 7636727.

Hex triplet	7486f7	`#7486f7`
RGB Decimal	116, 134, 247	`rgb(116,134,247)`
RGB Percent	45.5, 52.5, 96.9	`rgb(45.5%,52.5%,96.9%)`
CMYK	53, 46, 0, 3
HSL	231.8°, 89.1, 71.2	`hsl(231.8,89.1%,71.2%)`
HSV (or HSB)	231.8°, 53, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.413, 24.625, -58.767
XYZ	32.513, 27.477, 91.581
xyY	0.215, 0.181, 27.477
CIE-LCH	59.413, 63.717, 292.735
CIE-LUV	59.413, -13.182, -96.231
Hunter-Lab	52.419, 18.982, -66.893
Binary	01110100, 10000110, 11110111

#7486f7
```
#7486f7 rgb(116,134,247)
```
#f7e574
```
#f7e574 rgb(247,229,116)
```

Complementary Color

#74c8f7
```
#74c8f7 rgb(116,200,247)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#a474f7
```
#a474f7 rgb(164,116,247)
```

Analogous Color

#c8f774
```
#c8f774 rgb(200,247,116)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#f7a474
```
#f7a474 rgb(247,164,116)
```

Split Complementary Color

#86f774
```
#86f774 rgb(134,247,116)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#f77486
```
#f77486 rgb(247,116,134)
```

Triadic Color

#74f7e5
```
#74f7e5 rgb(116,247,229)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#f77486
```
#f77486 rgb(247,116,134)
```
#f7e574
```
#f7e574 rgb(247,229,116)
```

Tetradic Color

#2c47f3
```
#2c47f3 rgb(44,71,243)
```
#445cf4
```
#445cf4 rgb(68,92,244)
```
#5c71f6
```
#5c71f6 rgb(92,113,246)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#8c9bf8
```
#8c9bf8 rgb(140,155,248)
```
#a4b0fa
```
#a4b0fa rgb(164,176,250)
```
#bcc5fb
```
#bcc5fb rgb(188,197,251)
```

Monochromatic Color

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

#74a7f7
```
#74a7f7 rgb(116,167,247)
```
#749cf7
```
#749cf7 rgb(116,156,247)
```
#7491f7
```
#7491f7 rgb(116,145,247)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#747bf7
```
#747bf7 rgb(116,123,247)
```
#7874f7
```
#7874f7 rgb(120,116,247)
```
#8374f7
```
#8374f7 rgb(131,116,247)
```

Similar Colors

Text with hexadecimal color #7486f7

This text has a font color of #7486f7.

<span style="color:#7486f7;">Text here</span>

#7486f7 background color

This paragraph has a background color of #7486f7.

<p style="background-color:#7486f7;">Content here</p>

#7486f7 border color

This element has a border color of #7486f7.

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

CSS codes

.text {color:#7486f7;}

.background {background-color:#7486f7;}

.border {border:1px solid #7486f7;}

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

#010209
```
#010209 rgb(1,2,9)
```
#02051c
```
#02051c rgb(2,5,28)
```
#03092e
```
#03092e rgb(3,9,46)
```
#040c41
```
#040c41 rgb(4,12,65)
```
#051054
```
#051054 rgb(5,16,84)
```
#061366
```
#061366 rgb(6,19,102)
```
#071779
```
#071779 rgb(7,23,121)
```
#081a8b
```
#081a8b rgb(8,26,139)
```
#091e9e
```
#091e9e rgb(9,30,158)
```
#0a21b0
```
#0a21b0 rgb(10,33,176)
```
#0b24c3
```
#0b24c3 rgb(11,36,195)
```
#0c28d5
```
#0c28d5 rgb(12,40,213)
```
#0d2be8
```
#0d2be8 rgb(13,43,232)
```

Shade Color Variation

#1735f2
```
#1735f2 rgb(23,53,242)
```
#2a45f3
```
#2a45f3 rgb(42,69,243)
```
#3c56f4
```
#3c56f4 rgb(60,86,244)
```
#4f66f5
```
#4f66f5 rgb(79,102,245)
```
#6176f6
```
#6176f6 rgb(97,118,246)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#8796f8
```
#8796f8 rgb(135,150,248)
```
#99a6f9
```
#99a6f9 rgb(153,166,249)
```
#acb6fa
```
#acb6fa rgb(172,182,250)
```
#bec7fb
```
#bec7fb rgb(190,199,251)
```
#d1d7fc
```
#d1d7fc rgb(209,215,252)
```
#e3e7fd
```
#e3e7fd rgb(227,231,253)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#b2b3b9
```
#b2b3b9 rgb(178,179,185)
```
#adafbe
```
#adafbe rgb(173,175,190)
```
#a7abc4
```
#a7abc4 rgb(167,171,196)
```
#a1a7ca
```
#a1a7ca rgb(161,167,202)
```
#9ca3cf
```
#9ca3cf rgb(156,163,207)
```
#969fd5
```
#969fd5 rgb(150,159,213)
```
#909bdb
```
#909bdb rgb(144,155,219)
```
#8b96e0
```
#8b96e0 rgb(139,150,224)
```
#8592e6
```
#8592e6 rgb(133,146,230)
```
#7f8eec
```
#7f8eec rgb(127,142,236)
```
#7a8af1
```
#7a8af1 rgb(122,138,241)
```
#7486f7
```
#7486f7 rgb(116,134,247)
```
#6e82fd
```
#6e82fd rgb(110,130,253)
```

Tone Color Variation

Below, you can see how #7486f7 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

#8e8e8e Achromatopsia 0.005% of the population
#898ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d91fb Protanopia 1% of men
#4396f3 Deuteranopia 1% of men
#589faa Tritanopia 0.001% of the population

Trichromacy

#658dfa Protanomaly 1% of men, 0.01% of women
#5590f4 Deuteranomaly 6% of men, 0.4% of women
#6295c6 Tritanomaly 0.01% of the population

#7486f7 hex color

#7486f7 Color Information

#7486f7 Color Conversion

Color Schemes with #7486f7

Alternatives to #7486f7

#7486f7 Preview

Shades and Tints of #7486f7

Tones of #7486f7

Color Blindness Simulator