#86b5f2 Color Information
In a RGB color space, hex #86b5f2 is composed of 52.5% red, 71% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 25.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 213.9 degrees, a saturation of 80.6% and a lightness of 73.7%. #86b5f2 color hex could be obtained by blending #ffffff with #0d6be5. Closest websafe color is: #99ccff.
-
- R 53
- G 71
- B 95
-
- C 45
- M 25
- Y 0
- K 5
● #86b5f2 color description : Very soft blue.
#86b5f2 Color Conversion
The hexadecimal color #86b5f2 has RGB values of R:134, G:181, B:242 and CMYK values of C:0.45, M:0.25, Y:0, K:0.05. Its decimal value is 8828402.
Hex triplet | 86b5f2 | #86b5f2 |
---|---|---|
RGB Decimal | 134, 181, 242 | rgb(134,181,242) |
RGB Percent | 52.5, 71, 94.9 | rgb(52.5%,71%,94.9%) |
CMYK | 45, 25, 0, 5 | |
HSL | 213.9°, 80.6, 73.7 | hsl(213.9,80.6%,73.7%) |
HSV (or HSB) | 213.9°, 44.6, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 72.578, 0.178, -35.227 |
---|---|
XYZ | 42.379, 44.525, 90.361 |
xyY | 0.239, 0.251, 44.525 |
CIE-LCH | 72.578, 35.227, 270.289 |
CIE-LUV | 72.578, -23.683, -56.601 |
Hunter-Lab | 66.727, -3.406, -33.581 |
Binary | 10000110, 10110101, 11110010 |
Color Schemes with #86b5f2
Alternatives to #86b5f2
Below, you can see some colors close to #86b5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86b5f2 Preview
This text has a font color of #86b5f2.
<span style="color:#86b5f2;">Text here</span>
This paragraph has a background color of #86b5f2.
<p style="background-color:#86b5f2;">Content here</p>
This element has a border color of #86b5f2.
<div style="border:1px solid #86b5f2;">Content here</div>
.text {color:#86b5f2;}
.background {background-color:#86b5f2;}
.border {border:1px solid #86b5f2;}
Shades and Tints of #86b5f2
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 #f0f6fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#020a15
#020a15
rgb(2,10,21)
-
#041326
#041326
rgb(4,19,38)
-
#061c38
#061c38
rgb(6,28,56)
-
#08254a
#08254a
rgb(8,37,74)
-
#0a2d5c
#0a2d5c
rgb(10,45,92)
-
#0c366d
#0c366d
rgb(12,54,109)
-
#0e3f7f
#0e3f7f
rgb(14,63,127)
-
#104891
#104891
rgb(16,72,145)
-
#1151a2
#1151a2
rgb(17,81,162)
-
#1359b4
#1359b4
rgb(19,89,180)
-
#1562c6
#1562c6
rgb(21,98,198)
-
#176bd8
#176bd8
rgb(23,107,216)
-
#1c74e7
#1c74e7
rgb(28,116,231)
-
#2d7fe8
#2d7fe8
rgb(45,127,232)
-
#3f8aea
#3f8aea
rgb(63,138,234)
-
#5195ec
#5195ec
rgb(81,149,236)
-
#639fee
#639fee
rgb(99,159,238)
-
#74aaf0
#74aaf0
rgb(116,170,240)
-
#86b5f2
#86b5f2
rgb(134,181,242)
-
#98c0f4
#98c0f4
rgb(152,192,244)
-
#a9cbf6
#a9cbf6
rgb(169,203,246)
-
#bbd5f8
#bbd5f8
rgb(187,213,248)
-
#cde0fa
#cde0fa
rgb(205,224,250)
-
#dfebfc
#dfebfc
rgb(223,235,252)
-
#f0f6fd
#f0f6fd
rgb(240,246,253)
Tones of #86b5f2
A tone is produced by adding gray to any pure hue. In this case, #babcbe is the less saturated color, while #7cb4fc is the most saturated one.
-
#babcbe
#babcbe
rgb(186,188,190)
-
#b4bbc4
#b4bbc4
rgb(180,187,196)
-
#afbac9
#afbac9
rgb(175,186,201)
-
#aabace
#aabace
rgb(170,186,206)
-
#a5b9d3
#a5b9d3
rgb(165,185,211)
-
#a0b8d8
#a0b8d8
rgb(160,184,216)
-
#9bb8dd
#9bb8dd
rgb(155,184,221)
-
#95b7e3
#95b7e3
rgb(149,183,227)
-
#90b6e8
#90b6e8
rgb(144,182,232)
-
#8bb6ed
#8bb6ed
rgb(139,182,237)
-
#86b5f2
#86b5f2
rgb(134,181,242)
-
#81b4f7
#81b4f7
rgb(129,180,247)
-
#7cb4fc
#7cb4fc
rgb(124,180,252)
Color Blindness Simulator
Below, you can see how #86b5f2 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.