#86c4f3 Color Information
In a RGB color space, hex #86c4f3 is composed of 52.5% red, 76.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 19.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 205.9 degrees, a saturation of 82% and a lightness of 73.9%. #86c4f3 color hex could be obtained by blending #ffffff with #0d89e7. Closest websafe color is: #99ccff.
-
- R 53
- G 77
- B 95
-
- C 45
- M 19
- Y 0
- K 5
● #86c4f3 color description : Very soft blue.
#86c4f3 Color Conversion
The hexadecimal color #86c4f3 has RGB values of R:134, G:196, B:243 and CMYK values of C:0.45, M:0.19, Y:0, K:0.05. Its decimal value is 8832243.
Hex triplet | 86c4f3 | #86c4f3 |
---|---|---|
RGB Decimal | 134, 196, 243 | rgb(134,196,243) |
RGB Percent | 52.5, 76.9, 95.3 | rgb(52.5%,76.9%,95.3%) |
CMYK | 45, 19, 0, 5 | |
HSL | 205.9°, 82, 73.9 | hsl(205.9,82%,73.9%) |
HSV (or HSB) | 205.9°, 44.9, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 76.689, -7.685, -29.423 |
---|---|
XYZ | 45.745, 51.017, 92.226 |
xyY | 0.242, 0.27, 51.017 |
CIE-LCH | 76.689, 30.41, 255.361 |
CIE-LUV | 76.689, -29.519, -46.055 |
Hunter-Lab | 71.426, -10.674, -26.557 |
Binary | 10000110, 11000100, 11110011 |
Color Schemes with #86c4f3
Alternatives to #86c4f3
Below, you can see some colors close to #86c4f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86c4f3 Preview
This text has a font color of #86c4f3.
<span style="color:#86c4f3;">Text here</span>
This paragraph has a background color of #86c4f3.
<p style="background-color:#86c4f3;">Content here</p>
This element has a border color of #86c4f3.
<div style="border:1px solid #86c4f3;">Content here</div>
.text {color:#86c4f3;}
.background {background-color:#86c4f3;}
.border {border:1px solid #86c4f3;}
Shades and Tints of #86c4f3
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, #000204 is the darkest color, while #f1f8fe is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#020d16
#020d16
rgb(2,13,22)
-
#041828
#041828
rgb(4,24,40)
-
#062339
#062339
rgb(6,35,57)
-
#072e4b
#072e4b
rgb(7,46,75)
-
#09395d
#09395d
rgb(9,57,93)
-
#0b446f
#0b446f
rgb(11,68,111)
-
#0d4f81
#0d4f81
rgb(13,79,129)
-
#0f5a93
#0f5a93
rgb(15,90,147)
-
#1065a5
#1065a5
rgb(16,101,165)
-
#1270b6
#1270b6
rgb(18,112,182)
-
#147ac8
#147ac8
rgb(20,122,200)
-
#1685da
#1685da
rgb(22,133,218)
-
#1b90e8
#1b90e8
rgb(27,144,232)
-
#2d98ea
#2d98ea
rgb(45,152,234)
-
#3fa1ec
#3fa1ec
rgb(63,161,236)
-
#50aaee
#50aaee
rgb(80,170,238)
-
#62b3ef
#62b3ef
rgb(98,179,239)
-
#74bbf1
#74bbf1
rgb(116,187,241)
-
#86c4f3
#86c4f3
rgb(134,196,243)
-
#98cdf5
#98cdf5
rgb(152,205,245)
-
#aad5f7
#aad5f7
rgb(170,213,247)
-
#bcdef8
#bcdef8
rgb(188,222,248)
-
#cde7fa
#cde7fa
rgb(205,231,250)
-
#dff0fc
#dff0fc
rgb(223,240,252)
-
#f1f8fe
#f1f8fe
rgb(241,248,254)
Tones of #86c4f3
A tone is produced by adding gray to any pure hue. In this case, #b9bdc0 is the less saturated color, while #7cc5fd is the most saturated one.
-
#b9bdc0
#b9bdc0
rgb(185,189,192)
-
#b4bec5
#b4bec5
rgb(180,190,197)
-
#afbeca
#afbeca
rgb(175,190,202)
-
#aabfcf
#aabfcf
rgb(170,191,207)
-
#a5c0d4
#a5c0d4
rgb(165,192,212)
-
#a0c0d9
#a0c0d9
rgb(160,192,217)
-
#9ac1df
#9ac1df
rgb(154,193,223)
-
#95c2e4
#95c2e4
rgb(149,194,228)
-
#90c3e9
#90c3e9
rgb(144,195,233)
-
#8bc3ee
#8bc3ee
rgb(139,195,238)
-
#86c4f3
#86c4f3
rgb(134,196,243)
-
#81c5f8
#81c5f8
rgb(129,197,248)
-
#7cc5fd
#7cc5fd
rgb(124,197,253)
Color Blindness Simulator
Below, you can see how #86c4f3 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.