#86b4e2 Color Information
In a RGB color space, hex #86b4e2 is composed of 52.5% red, 70.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 20.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 210 degrees, a saturation of 61.3% and a lightness of 70.6%. #86b4e2 color hex could be obtained by blending #ffffff with #0d69c5. Closest websafe color is: #99cccc.
-
- R 53
- G 71
- B 89
-
- C 41
- M 20
- Y 0
- K 11
● #86b4e2 color description : Very soft blue.
#86b4e2 Color Conversion
The hexadecimal color #86b4e2 has RGB values of R:134, G:180, B:226 and CMYK values of C:0.41, M:0.2, Y:0, K:0.11. Its decimal value is 8828130.
Hex triplet | 86b4e2 | #86b4e2 |
---|---|---|
RGB Decimal | 134, 180, 226 | rgb(134,180,226) |
RGB Percent | 52.5, 70.6, 88.6 | rgb(52.5%,70.6%,88.6%) |
CMYK | 41, 20, 0, 11 | |
HSL | 210°, 61.3, 70.6 | hsl(210,61.3%,70.6%) |
HSV (or HSB) | 210°, 40.7, 88.6 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 71.691, -3.666, -27.904 |
---|---|
XYZ | 39.877, 43.2, 78.185 |
xyY | 0.247, 0.268, 43.2 |
CIE-LCH | 71.691, 28.144, 262.515 |
CIE-LUV | 71.691, -23.223, -43.655 |
Hunter-Lab | 65.727, -6.724, -24.519 |
Binary | 10000110, 10110100, 11100010 |
Color Schemes with #86b4e2
Alternatives to #86b4e2
Below, you can see some colors close to #86b4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86b4e2 Preview
This text has a font color of #86b4e2.
<span style="color:#86b4e2;">Text here</span>
This paragraph has a background color of #86b4e2.
<p style="background-color:#86b4e2;">Content here</p>
This element has a border color of #86b4e2.
<div style="border:1px solid #86b4e2;">Content here</div>
.text {color:#86b4e2;}
.background {background-color:#86b4e2;}
.border {border:1px solid #86b4e2;}
Shades and Tints of #86b4e2
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, #010306 is the darkest color, while #f5f9fd is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#050d15
#050d15
rgb(5,13,21)
-
#091725
#091725
rgb(9,23,37)
-
#0d2135
#0d2135
rgb(13,33,53)
-
#112b45
#112b45
rgb(17,43,69)
-
#143555
#143555
rgb(20,53,85)
-
#183e65
#183e65
rgb(24,62,101)
-
#1c4874
#1c4874
rgb(28,72,116)
-
#205284
#205284
rgb(32,82,132)
-
#235c94
#235c94
rgb(35,92,148)
-
#2766a4
#2766a4
rgb(39,102,164)
-
#2b6fb4
#2b6fb4
rgb(43,111,180)
-
#2f79c3
#2f79c3
rgb(47,121,195)
-
#3783cf
#3783cf
rgb(55,131,207)
-
#478dd3
#478dd3
rgb(71,141,211)
-
#5797d7
#5797d7
rgb(87,151,215)
-
#66a0da
#66a0da
rgb(102,160,218)
-
#76aade
#76aade
rgb(118,170,222)
-
#86b4e2
#86b4e2
rgb(134,180,226)
-
#96bee6
#96bee6
rgb(150,190,230)
-
#a6c8ea
#a6c8ea
rgb(166,200,234)
-
#b5d1ed
#b5d1ed
rgb(181,209,237)
-
#c5dbf1
#c5dbf1
rgb(197,219,241)
-
#d5e5f5
#d5e5f5
rgb(213,229,245)
-
#e5eff9
#e5eff9
rgb(229,239,249)
-
#f5f9fd
#f5f9fd
rgb(245,249,253)
Tones of #86b4e2
A tone is produced by adding gray to any pure hue. In this case, #aeb4ba is the less saturated color, while #69b4ff is the most saturated one.
-
#aeb4ba
#aeb4ba
rgb(174,180,186)
-
#a9b4bf
#a9b4bf
rgb(169,180,191)
-
#a3b4c5
#a3b4c5
rgb(163,180,197)
-
#9db4cb
#9db4cb
rgb(157,180,203)
-
#97b4d1
#97b4d1
rgb(151,180,209)
-
#92b4d6
#92b4d6
rgb(146,180,214)
-
#8cb4dc
#8cb4dc
rgb(140,180,220)
-
#86b4e2
#86b4e2
rgb(134,180,226)
-
#80b4e8
#80b4e8
rgb(128,180,232)
-
#7ab4ee
#7ab4ee
rgb(122,180,238)
-
#75b4f3
#75b4f3
rgb(117,180,243)
-
#6fb4f9
#6fb4f9
rgb(111,180,249)
-
#69b4ff
#69b4ff
rgb(105,180,255)
Color Blindness Simulator
Below, you can see how #86b4e2 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.