#5186fd hex color

In a RGB color space, hex #5186fd is composed of 31.8% red, 52.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 47% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.5 degrees, a saturation of 97.7% and a lightness of 65.5%. #5186fd color hex could be obtained by blending #a2ffff with #000dfb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 53
- B 99
RGB color chart
- C 68
- M 47
- Y 0
- K 1
CMYK color chart

● #5186fd color description : Soft blue.

The hexadecimal color #5186fd has RGB values of R:81, G:134, B:253 and CMYK values of C:0.68, M:0.47, Y:0, K:0.01. Its decimal value is 5342973.

Hex triplet	5186fd	`#5186fd`
RGB Decimal	81, 134, 253	`rgb(81,134,253)`
RGB Percent	31.8, 52.5, 99.2	`rgb(31.8%,52.5%,99.2%)`
CMYK	68, 47, 0, 1
HSL	221.5°, 97.7, 65.5	`hsl(221.5,97.7%,65.5%)`
HSV (or HSB)	221.5°, 68, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.932, 20.409, -64.548
XYZ	29.644, 25.889, 96.358
xyY	0.195, 0.17, 25.889
CIE-LCH	57.932, 67.698, 287.546
CIE-LUV	57.932, -22.696, -104.529
Hunter-Lab	50.882, 14.953, -76.664
Binary	01010001, 10000110, 11111101

#5186fd
```
#5186fd rgb(81,134,253)
```
#fdc851
```
#fdc851 rgb(253,200,81)
```

Complementary Color

#51dcfd
```
#51dcfd rgb(81,220,253)
```
#5186fd
```
#5186fd rgb(81,134,253)
```
#7251fd
```
#7251fd rgb(114,81,253)
```

Analogous Color

#dcfd51
```
#dcfd51 rgb(220,253,81)
```
#5186fd
```
#5186fd rgb(81,134,253)
```
#fd7251
```
#fd7251 rgb(253,114,81)
```

Split Complementary Color

#86fd51
```
#86fd51 rgb(134,253,81)
```
#5186fd
```
#5186fd rgb(81,134,253)
```
#fd5186
```
#fd5186 rgb(253,81,134)
```

Triadic Color

#51fdc8
```
#51fdc8 rgb(81,253,200)
```
#5186fd
```
#5186fd rgb(81,134,253)
```
#fd5186
```
#fd5186 rgb(253,81,134)
```
#fdc851
```
#fdc851 rgb(253,200,81)
```

Tetradic Color

#0551fc
```
#0551fc rgb(5,81,252)
```
#1f63fc
```
#1f63fc rgb(31,99,252)
```
#3874fd
```
#3874fd rgb(56,116,253)
```
#5186fd
```
#5186fd rgb(81,134,253)
```
#6a98fd
```
#6a98fd rgb(106,152,253)
```
#83a9fe
```
#83a9fe rgb(131,169,254)
```
#9dbbfe
```
#9dbbfe rgb(157,187,254)
```

Monochromatic Color

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

#51b1fd
```
#51b1fd rgb(81,177,253)
```
#51a3fd
```
#51a3fd rgb(81,163,253)
```
#5194fd
```
#5194fd rgb(81,148,253)
```
#5186fd
```
#5186fd rgb(81,134,253)
```
#5178fd
```
#5178fd rgb(81,120,253)
```
#5169fd
```
#5169fd rgb(81,105,253)
```
#515bfd
```
#515bfd rgb(81,91,253)
```

Similar Colors

Text with hexadecimal color #5186fd

This text has a font color of #5186fd.

<span style="color:#5186fd;">Text here</span>

#5186fd background color

This paragraph has a background color of #5186fd.

<p style="background-color:#5186fd;">Content here</p>

#5186fd border color

This element has a border color of #5186fd.

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

CSS codes

.text {color:#5186fd;}

.background {background-color:#5186fd;}

.border {border:1px solid #5186fd;}

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 #ecf2ff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000614
```
#000614 rgb(0,6,20)
```
#000c27
```
#000c27 rgb(0,12,39)
```
#01133b
```
#01133b rgb(1,19,59)
```
#01194e
```
#01194e rgb(1,25,78)
```
#011f61
```
#011f61 rgb(1,31,97)
```
#012575
```
#012575 rgb(1,37,117)
```
#022b88
```
#022b88 rgb(2,43,136)
```
#02319c
```
#02319c rgb(2,49,156)
```
#0237af
```
#0237af rgb(2,55,175)
```
#023dc2
```
#023dc2 rgb(2,61,194)
```
#0244d6
```
#0244d6 rgb(2,68,214)
```
#034ae9
```
#034ae9 rgb(3,74,233)
```

Shade Color Variation

#0350fc
```
#0350fc rgb(3,80,252)
```
#175efc
```
#175efc rgb(23,94,252)
```
#2a6bfd
```
#2a6bfd rgb(42,107,253)
```
#3e79fd
```
#3e79fd rgb(62,121,253)
```
#5186fd
```
#5186fd rgb(81,134,253)
```
#6493fd
```
#6493fd rgb(100,147,253)
```
#78a1fd
```
#78a1fd rgb(120,161,253)
```
#8baefe
```
#8baefe rgb(139,174,254)
```
#9fbcfe
```
#9fbcfe rgb(159,188,254)
```
#b2c9fe
```
#b2c9fe rgb(178,201,254)
```
#c5d7fe
```
#c5d7fe rgb(197,215,254)
```
#d9e4ff
```
#d9e4ff rgb(217,228,255)
```
#ecf2ff
```
#ecf2ff rgb(236,242,255)
```

Tint Color Variation

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

#a2a5ac
```
#a2a5ac rgb(162,165,172)
```
#9ba3b3
```
#9ba3b3 rgb(155,163,179)
```
#95a0b9
```
#95a0b9 rgb(149,160,185)
```
#8e9dc0
```
#8e9dc0 rgb(142,157,192)
```
#879bc7
```
#879bc7 rgb(135,155,199)
```
#8098ce
```
#8098ce rgb(128,152,206)
```
#7a96d4
```
#7a96d4 rgb(122,150,212)
```
#7393db
```
#7393db rgb(115,147,219)
```
#6c90e2
```
#6c90e2 rgb(108,144,226)
```
#658ee9
```
#658ee9 rgb(101,142,233)
```
#5f8bef
```
#5f8bef rgb(95,139,239)
```
#5889f6
```
#5889f6 rgb(88,137,246)
```
#5186fd
```
#5186fd rgb(81,134,253)
```

Tone Color Variation

Below, you can see how #5186fd 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

#848484 Achromatopsia 0.005% of the population
#7a849c Atypical Achromatopsia 0.001% of the population

Dichromacy

#508dfe Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#508afd Protanomaly 1% of men, 0.01% of women
#1d8ef8 Deuteranomaly 6% of men, 0.4% of women
#1d96c8 Tritanomaly 0.01% of the population

#5186fd hex color

#5186fd Color Information

#5186fd Color Conversion

Color Schemes with #5186fd

Alternatives to #5186fd

#5186fd Preview

Shades and Tints of #5186fd

Tones of #5186fd

Color Blindness Simulator