#86aaf2 Color Information
In a RGB color space, hex #86aaf2 is composed of 52.5% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 220 degrees, a saturation of 80.6% and a lightness of 73.7%. #86aaf2 color hex could be obtained by blending #ffffff with #0d55e5. Closest websafe color is: #9999ff.
-
- R 53
- G 67
- B 95
-
- C 45
- M 30
- Y 0
- K 5
● #86aaf2 color description : Very soft blue.
#86aaf2 Color Conversion
The hexadecimal color #86aaf2 has RGB values of R:134, G:170, B:242 and CMYK values of C:0.45, M:0.3, Y:0, K:0.05. Its decimal value is 8825586.
Hex triplet | 86aaf2 | #86aaf2 |
---|---|---|
RGB Decimal | 134, 170, 242 | rgb(134,170,242) |
RGB Percent | 52.5, 66.7, 94.9 | rgb(52.5%,66.7%,94.9%) |
CMYK | 45, 30, 0, 5 | |
HSL | 220°, 80.6, 73.7 | hsl(220,80.6%,73.7%) |
HSV (or HSB) | 220°, 44.6, 94.9 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 69.631, 6.312, -39.81 |
---|---|
XYZ | 40.23, 40.227, 89.644 |
xyY | 0.237, 0.236, 40.227 |
CIE-LCH | 69.631, 40.307, 279.009 |
CIE-LUV | 69.631, -19.465, -64.818 |
Hunter-Lab | 63.425, 2.228, -39.403 |
Binary | 10000110, 10101010, 11110010 |
Color Schemes with #86aaf2
Alternatives to #86aaf2
Below, you can see some colors close to #86aaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86aaf2 Preview
This text has a font color of #86aaf2.
<span style="color:#86aaf2;">Text here</span>
This paragraph has a background color of #86aaf2.
<p style="background-color:#86aaf2;">Content here</p>
This element has a border color of #86aaf2.
<div style="border:1px solid #86aaf2;">Content here</div>
.text {color:#86aaf2;}
.background {background-color:#86aaf2;}
.border {border:1px solid #86aaf2;}
Shades and Tints of #86aaf2
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, #000103 is the darkest color, while #f0f5fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#020815
#020815
rgb(2,8,21)
-
#041026
#041026
rgb(4,16,38)
-
#061738
#061738
rgb(6,23,56)
-
#081e4a
#081e4a
rgb(8,30,74)
-
#0a255c
#0a255c
rgb(10,37,92)
-
#0c2c6d
#0c2c6d
rgb(12,44,109)
-
#0e337f
#0e337f
rgb(14,51,127)
-
#103b91
#103b91
rgb(16,59,145)
-
#1142a2
#1142a2
rgb(17,66,162)
-
#1349b4
#1349b4
rgb(19,73,180)
-
#1550c6
#1550c6
rgb(21,80,198)
-
#1757d8
#1757d8
rgb(23,87,216)
-
#1c5fe7
#1c5fe7
rgb(28,95,231)
-
#2d6ce8
#2d6ce8
rgb(45,108,232)
-
#3f78ea
#3f78ea
rgb(63,120,234)
-
#5185ec
#5185ec
rgb(81,133,236)
-
#6391ee
#6391ee
rgb(99,145,238)
-
#749ef0
#749ef0
rgb(116,158,240)
-
#86aaf2
#86aaf2
rgb(134,170,242)
-
#98b6f4
#98b6f4
rgb(152,182,244)
-
#a9c3f6
#a9c3f6
rgb(169,195,246)
-
#bbcff8
#bbcff8
rgb(187,207,248)
-
#cddcfa
#cddcfa
rgb(205,220,250)
-
#dfe8fc
#dfe8fc
rgb(223,232,252)
-
#f0f5fd
#f0f5fd
rgb(240,245,253)
Tones of #86aaf2
A tone is produced by adding gray to any pure hue. In this case, #babbbe is the less saturated color, while #7ca7fc is the most saturated one.
-
#babbbe
#babbbe
rgb(186,187,190)
-
#b4b9c4
#b4b9c4
rgb(180,185,196)
-
#afb8c9
#afb8c9
rgb(175,184,201)
-
#aab6ce
#aab6ce
rgb(170,182,206)
-
#a5b4d3
#a5b4d3
rgb(165,180,211)
-
#a0b3d8
#a0b3d8
rgb(160,179,216)
-
#9bb1dd
#9bb1dd
rgb(155,177,221)
-
#95afe3
#95afe3
rgb(149,175,227)
-
#90ade8
#90ade8
rgb(144,173,232)
-
#8baced
#8baced
rgb(139,172,237)
-
#86aaf2
#86aaf2
rgb(134,170,242)
-
#81a8f7
#81a8f7
rgb(129,168,247)
-
#7ca7fc
#7ca7fc
rgb(124,167,252)
Color Blindness Simulator
Below, you can see how #86aaf2 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.