#5186e1 hex color

In a RGB color space, hex #5186e1 is composed of 31.8% red, 52.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 40.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 217.9 degrees, a saturation of 70.6% and a lightness of 60%. #5186e1 color hex could be obtained by blending #a2ffff with #000dc3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 53
- B 88
RGB color chart
- C 64
- M 40
- Y 0
- K 12
CMYK color chart

● #5186e1 color description : Soft blue.

The hexadecimal color #5186e1 has RGB values of R:81, G:134, B:225 and CMYK values of C:0.64, M:0.4, Y:0, K:0.12. Its decimal value is 5342945.

Hex triplet	5186e1	`#5186e1`
RGB Decimal	81, 134, 225	`rgb(81,134,225)`
RGB Percent	31.8, 52.5, 88.2	`rgb(31.8%,52.5%,88.2%)`
CMYK	64, 40, 0, 12
HSL	217.9°, 70.6, 60	`hsl(217.9,70.6%,60%)`
HSV (or HSB)	217.9°, 64, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.321, 10.776, -51.594
XYZ	25.506, 24.234, 74.564
xyY	0.205, 0.195, 24.234
CIE-LCH	56.321, 52.708, 281.797
CIE-LUV	56.321, -22.937, -82.271
Hunter-Lab	49.228, 6.335, -55.344
Binary	01010001, 10000110, 11100001

#5186e1
```
#5186e1 rgb(81,134,225)
```
#e1ac51
```
#e1ac51 rgb(225,172,81)
```

Complementary Color

#51cee1
```
#51cee1 rgb(81,206,225)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#6451e1
```
#6451e1 rgb(100,81,225)
```

Analogous Color

#cee151
```
#cee151 rgb(206,225,81)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#e16451
```
#e16451 rgb(225,100,81)
```

Split Complementary Color

#86e151
```
#86e151 rgb(134,225,81)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#e15186
```
#e15186 rgb(225,81,134)
```

Triadic Color

#51e1ac
```
#51e1ac rgb(81,225,172)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#e15186
```
#e15186 rgb(225,81,134)
```
#e1ac51
```
#e1ac51 rgb(225,172,81)
```

Tetradic Color

#225dc4
```
#225dc4 rgb(34,93,196)
```
#2668da
```
#2668da rgb(38,104,218)
```
#3b77dd
```
#3b77dd rgb(59,119,221)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#6795e5
```
#6795e5 rgb(103,149,229)
```
#7da4e9
```
#7da4e9 rgb(125,164,233)
```
#92b3ec
```
#92b3ec rgb(146,179,236)
```

Monochromatic Color

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

#51aae1
```
#51aae1 rgb(81,170,225)
```
#519ee1
```
#519ee1 rgb(81,158,225)
```
#5192e1
```
#5192e1 rgb(81,146,225)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#517ae1
```
#517ae1 rgb(81,122,225)
```
#516ee1
```
#516ee1 rgb(81,110,225)
```
#5162e1
```
#5162e1 rgb(81,98,225)
```

Similar Colors

Text with hexadecimal color #5186e1

This text has a font color of #5186e1.

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

#5186e1 background color

This paragraph has a background color of #5186e1.

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

#5186e1 border color

This element has a border color of #5186e1.

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

CSS codes

.text {color:#5186e1;}

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

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

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, #02050a is the darkest color, while #f8fafe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#050d1b
```
#050d1b rgb(5,13,27)
```
#08152c
```
#08152c rgb(8,21,44)
```
#0a1d3c
```
#0a1d3c rgb(10,29,60)
```
#0d254d
```
#0d254d rgb(13,37,77)
```
#102d5e
```
#102d5e rgb(16,45,94)
```
#13356e
```
#13356e rgb(19,53,110)
```
#163d7f
```
#163d7f rgb(22,61,127)
```
#194590
```
#194590 rgb(25,69,144)
```
#1c4da1
```
#1c4da1 rgb(28,77,161)
```
#1f55b1
```
#1f55b1 rgb(31,85,177)
```
#215dc2
```
#215dc2 rgb(33,93,194)
```
#2465d3
```
#2465d3 rgb(36,101,211)
```

Shade Color Variation

#306fdb
```
#306fdb rgb(48,111,219)
```
#407ade
```
#407ade rgb(64,122,222)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#6292e4
```
#6292e4 rgb(98,146,228)
```
#729de7
```
#729de7 rgb(114,157,231)
```
#83a9ea
```
#83a9ea rgb(131,169,234)
```
#94b5ed
```
#94b5ed rgb(148,181,237)
```
#a5c0ef
```
#a5c0ef rgb(165,192,239)
```
#b5ccf2
```
#b5ccf2 rgb(181,204,242)
```
#c6d7f5
```
#c6d7f5 rgb(198,215,245)
```
#d7e3f8
```
#d7e3f8 rgb(215,227,248)
```
#e8effb
```
#e8effb rgb(232,239,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98999a is the less saturated color, while #3980f9 is the most saturated one.

#98999a
```
#98999a rgb(152,153,154)
```
#9097a2
```
#9097a2 rgb(144,151,162)
```
#8894aa
```
#8894aa rgb(136,148,170)
```
#8092b2
```
#8092b2 rgb(128,146,178)
```
#7890ba
```
#7890ba rgb(120,144,186)
```
#708ec2
```
#708ec2 rgb(112,142,194)
```
#698cc9
```
#698cc9 rgb(105,140,201)
```
#618ad1
```
#618ad1 rgb(97,138,209)
```
#5988d9
```
#5988d9 rgb(89,136,217)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#4984e9
```
#4984e9 rgb(73,132,233)
```
#4182f1
```
#4182f1 rgb(65,130,241)
```
#3980f9
```
#3980f9 rgb(57,128,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#778294 Atypical Achromatopsia 0.001% of the population

Dichromacy

#668ae1 Protanopia 1% of men
#4c8ee1 Deuteranopia 1% of men
#289aa5 Tritanopia 0.001% of the population

Trichromacy

#5e88e1 Protanomaly 1% of men, 0.01% of women
#4e8be1 Deuteranomaly 6% of men, 0.4% of women
#3792bb Tritanomaly 0.01% of the population

#5186e1 hex color

#5186e1 Color Information

#5186e1 Color Conversion

Color Schemes with #5186e1

Alternatives to #5186e1

#5186e1 Preview

Shades and Tints of #5186e1

Tones of #5186e1

Color Blindness Simulator