#86a5f9 Color Information
In a RGB color space, hex #86a5f9 is composed of 52.5% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 223.8 degrees, a saturation of 90.6% and a lightness of 75.1%. #86a5f9 color hex could be obtained by blending #ffffff with #0d4bf3. Closest websafe color is: #9999ff.
-
- R 53
- G 65
- B 98
-
- C 46
- M 34
- Y 0
- K 2
● #86a5f9 color description : Soft blue.
#86a5f9 Color Conversion
The hexadecimal color #86a5f9 has RGB values of R:134, G:165, B:249 and CMYK values of C:0.46, M:0.34, Y:0, K:0.02. Its decimal value is 8824313.
Hex triplet | 86a5f9 | #86a5f9 |
---|---|---|
RGB Decimal | 134, 165, 249 | rgb(134,165,249) |
RGB Percent | 52.5, 64.7, 97.6 | rgb(52.5%,64.7%,97.6%) |
CMYK | 46, 34, 0, 2 | |
HSL | 223.8°, 90.6, 75.1 | hsl(223.8,90.6%,75.1%) |
HSV (or HSB) | 223.8°, 46.2, 97.6 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 68.618, 11.15, -45.205 |
---|---|
XYZ | 40.382, 38.817, 94.982 |
xyY | 0.232, 0.223, 38.817 |
CIE-LCH | 68.618, 46.56, 283.855 |
CIE-LUV | 68.618, -17.718, -74.406 |
Hunter-Lab | 62.303, 6.665, -46.777 |
Binary | 10000110, 10100101, 11111001 |
Color Schemes with #86a5f9
Alternatives to #86a5f9
Below, you can see some colors close to #86a5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86a5f9 Preview
This text has a font color of #86a5f9.
<span style="color:#86a5f9;">Text here</span>
This paragraph has a background color of #86a5f9.
<p style="background-color:#86a5f9;">Content here</p>
This element has a border color of #86a5f9.
<div style="border:1px solid #86a5f9;">Content here</div>
.text {color:#86a5f9;}
.background {background-color:#86a5f9;}
.border {border:1px solid #86a5f9;}
Shades and Tints of #86a5f9
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, #00030a is the darkest color, while #f6f8ff is the lightest one.
-
#00030a
#00030a
rgb(0,3,10)
-
#01091d
#01091d
rgb(1,9,29)
-
#020e2f
#020e2f
rgb(2,14,47)
-
#031442
#031442
rgb(3,20,66)
-
#041a55
#041a55
rgb(4,26,85)
-
#052067
#052067
rgb(5,32,103)
-
#06257a
#06257a
rgb(6,37,122)
-
#072b8d
#072b8d
rgb(7,43,141)
-
#08319f
#08319f
rgb(8,49,159)
-
#0936b2
#0936b2
rgb(9,54,178)
-
#0a3cc5
#0a3cc5
rgb(10,60,197)
-
#0b42d7
#0b42d7
rgb(11,66,215)
-
#0c48ea
#0c48ea
rgb(12,72,234)
-
#1652f3
#1652f3
rgb(22,82,243)
-
#295ff4
#295ff4
rgb(41,95,244)
-
#3b6df5
#3b6df5
rgb(59,109,245)
-
#4e7bf6
#4e7bf6
rgb(78,123,246)
-
#6189f7
#6189f7
rgb(97,137,247)
-
#7397f8
#7397f8
rgb(115,151,248)
-
#86a5f9
#86a5f9
rgb(134,165,249)
-
#99b3fa
#99b3fa
rgb(153,179,250)
-
#abc1fb
#abc1fb
rgb(171,193,251)
-
#becffc
#becffc
rgb(190,207,252)
-
#d1ddfd
#d1ddfd
rgb(209,221,253)
-
#e3ebfe
#e3ebfe
rgb(227,235,254)
-
#f6f8ff
#f6f8ff
rgb(246,248,255)
Tones of #86a5f9
A tone is produced by adding gray to any pure hue. In this case, #bcbec3 is the less saturated color, while #81a3fe is the most saturated one.
-
#bcbec3
#bcbec3
rgb(188,190,195)
-
#b7bcc8
#b7bcc8
rgb(183,188,200)
-
#b2b9cd
#b2b9cd
rgb(178,185,205)
-
#adb7d2
#adb7d2
rgb(173,183,210)
-
#a8b5d7
#a8b5d7
rgb(168,181,215)
-
#a3b3dc
#a3b3dc
rgb(163,179,220)
-
#9eb0e1
#9eb0e1
rgb(158,176,225)
-
#9aaee5
#9aaee5
rgb(154,174,229)
-
#95acea
#95acea
rgb(149,172,234)
-
#90aaef
#90aaef
rgb(144,170,239)
-
#8ba7f4
#8ba7f4
rgb(139,167,244)
-
#86a5f9
#86a5f9
rgb(134,165,249)
-
#81a3fe
#81a3fe
rgb(129,163,254)
Color Blindness Simulator
Below, you can see how #86a5f9 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.