#86a6f5 Color Information
In a RGB color space, hex #86a6f5 is composed of 52.5% red, 65.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 32.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.7 degrees, a saturation of 84.7% and a lightness of 74.3%. #86a6f5 color hex could be obtained by blending #ffffff with #0d4deb. Closest websafe color is: #9999ff.
-
- R 53
- G 65
- B 96
-
- C 45
- M 32
- Y 0
- K 4
● #86a6f5 color description : Soft blue.
#86a6f5 Color Conversion
The hexadecimal color #86a6f5 has RGB values of R:134, G:166, B:245 and CMYK values of C:0.45, M:0.32, Y:0, K:0.04. Its decimal value is 8824565.
Hex triplet | 86a6f5 | #86a6f5 |
---|---|---|
RGB Decimal | 134, 166, 245 | rgb(134,166,245) |
RGB Percent | 52.5, 65.1, 96.1 | rgb(52.5%,65.1%,96.1%) |
CMYK | 45, 32, 0, 4 | |
HSL | 222.7°, 84.7, 74.3 | hsl(222.7,84.7%,74.3%) |
HSV (or HSB) | 222.7°, 45.3, 96.1 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 68.702, 9.431, -42.896 |
---|---|
XYZ | 39.946, 38.932, 91.791 |
xyY | 0.234, 0.228, 38.932 |
CIE-LCH | 68.702, 43.921, 282.399 |
CIE-LUV | 68.702, -18.009, -70.301 |
Hunter-Lab | 62.395, 5.084, -43.546 |
Binary | 10000110, 10100110, 11110101 |
Color Schemes with #86a6f5
Alternatives to #86a6f5
Below, you can see some colors close to #86a6f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86a6f5 Preview
This text has a font color of #86a6f5.
<span style="color:#86a6f5;">Text here</span>
This paragraph has a background color of #86a6f5.
<p style="background-color:#86a6f5;">Content here</p>
This element has a border color of #86a6f5.
<div style="border:1px solid #86a6f5;">Content here</div>
.text {color:#86a6f5;}
.background {background-color:#86a6f5;}
.border {border:1px solid #86a6f5;}
Shades and Tints of #86a6f5
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, #000206 is the darkest color, while #f3f6fe is the lightest one.
-
#000206
#000206
rgb(0,2,6)
-
#020818
#020818
rgb(2,8,24)
-
#030f2a
#030f2a
rgb(3,15,42)
-
#05153c
#05153c
rgb(5,21,60)
-
#061b4e
#061b4e
rgb(6,27,78)
-
#082160
#082160
rgb(8,33,96)
-
#092873
#092873
rgb(9,40,115)
-
#0b2e85
#0b2e85
rgb(11,46,133)
-
#0c3497
#0c3497
rgb(12,52,151)
-
#0e3ba9
#0e3ba9
rgb(14,59,169)
-
#0f41bb
#0f41bb
rgb(15,65,187)
-
#1147cd
#1147cd
rgb(17,71,205)
-
#124ddf
#124ddf
rgb(18,77,223)
-
#1956ec
#1956ec
rgb(25,86,236)
-
#2b63ee
#2b63ee
rgb(43,99,238)
-
#3e71ef
#3e71ef
rgb(62,113,239)
-
#507ef1
#507ef1
rgb(80,126,241)
-
#628bf2
#628bf2
rgb(98,139,242)
-
#7499f4
#7499f4
rgb(116,153,244)
-
#86a6f5
#86a6f5
rgb(134,166,245)
-
#98b3f6
#98b3f6
rgb(152,179,246)
-
#aac1f8
#aac1f8
rgb(170,193,248)
-
#bccef9
#bccef9
rgb(188,206,249)
-
#cedbfb
#cedbfb
rgb(206,219,251)
-
#e1e9fc
#e1e9fc
rgb(225,233,252)
-
#f3f6fe
#f3f6fe
rgb(243,246,254)
Tones of #86a6f5
A tone is produced by adding gray to any pure hue. In this case, #bdbdbe is the less saturated color, while #81a4fa is the most saturated one.
-
#bdbdbe
#bdbdbe
rgb(189,189,190)
-
#b8bbc3
#b8bbc3
rgb(184,187,195)
-
#b3b9c8
#b3b9c8
rgb(179,185,200)
-
#aeb7cd
#aeb7cd
rgb(174,183,205)
-
#a9b5d2
#a9b5d2
rgb(169,181,210)
-
#a4b3d7
#a4b3d7
rgb(164,179,215)
-
#9fb1dc
#9fb1dc
rgb(159,177,220)
-
#9aafe1
#9aafe1
rgb(154,175,225)
-
#95ace6
#95ace6
rgb(149,172,230)
-
#90aaeb
#90aaeb
rgb(144,170,235)
-
#8ba8f0
#8ba8f0
rgb(139,168,240)
-
#86a6f5
#86a6f5
rgb(134,166,245)
-
#81a4fa
#81a4fa
rgb(129,164,250)
Color Blindness Simulator
Below, you can see how #86a6f5 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.