#86c4f5 Color Information
In a RGB color space, hex #86c4f5 is composed of 52.5% red, 76.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 20% magenta, 0% yellow and 3.9% black. It has a hue angle of 206.5 degrees, a saturation of 84.7% and a lightness of 74.3%. #86c4f5 color hex could be obtained by blending #ffffff with #0d89eb. Closest websafe color is: #99ccff.
-
- R 53
- G 77
- B 96
-
- C 45
- M 20
- Y 0
- K 4
● #86c4f5 color description : Soft blue.
#86c4f5 Color Conversion
The hexadecimal color #86c4f5 has RGB values of R:134, G:196, B:245 and CMYK values of C:0.45, M:0.2, Y:0, K:0.04. Its decimal value is 8832245.
Hex triplet | 86c4f5 | #86c4f5 |
---|---|---|
RGB Decimal | 134, 196, 245 | rgb(134,196,245) |
RGB Percent | 52.5, 76.9, 96.1 | rgb(52.5%,76.9%,96.1%) |
CMYK | 45, 20, 0, 4 | |
HSL | 206.5°, 84.7, 74.3 | hsl(206.5,84.7%,74.3%) |
HSV (or HSB) | 206.5°, 45.3, 96.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 76.763, -7.137, -30.384 |
---|---|
XYZ | 46.049, 51.138, 93.825 |
xyY | 0.241, 0.268, 51.138 |
CIE-LCH | 76.763, 31.211, 256.781 |
CIE-LUV | 76.763, -29.502, -47.768 |
Hunter-Lab | 71.511, -10.201, -27.733 |
Binary | 10000110, 11000100, 11110101 |
Color Schemes with #86c4f5
Alternatives to #86c4f5
Below, you can see some colors close to #86c4f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86c4f5 Preview
This text has a font color of #86c4f5.
<span style="color:#86c4f5;">Text here</span>
This paragraph has a background color of #86c4f5.
<p style="background-color:#86c4f5;">Content here</p>
This element has a border color of #86c4f5.
<div style="border:1px solid #86c4f5;">Content here</div>
.text {color:#86c4f5;}
.background {background-color:#86c4f5;}
.border {border:1px solid #86c4f5;}
Shades and Tints of #86c4f5
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, #000306 is the darkest color, while #f3f9fe is the lightest one.
-
#000306
#000306
rgb(0,3,6)
-
#020e18
#020e18
rgb(2,14,24)
-
#03192a
#03192a
rgb(3,25,42)
-
#05243c
#05243c
rgb(5,36,60)
-
#062f4e
#062f4e
rgb(6,47,78)
-
#083960
#083960
rgb(8,57,96)
-
#094473
#094473
rgb(9,68,115)
-
#0b4f85
#0b4f85
rgb(11,79,133)
-
#0c5a97
#0c5a97
rgb(12,90,151)
-
#0e64a9
#0e64a9
rgb(14,100,169)
-
#0f6fbb
#0f6fbb
rgb(15,111,187)
-
#117acd
#117acd
rgb(17,122,205)
-
#1285df
#1285df
rgb(18,133,223)
-
#198fec
#198fec
rgb(25,143,236)
-
#2b98ee
#2b98ee
rgb(43,152,238)
-
#3ea1ef
#3ea1ef
rgb(62,161,239)
-
#50a9f1
#50a9f1
rgb(80,169,241)
-
#62b2f2
#62b2f2
rgb(98,178,242)
-
#74bbf4
#74bbf4
rgb(116,187,244)
-
#86c4f5
#86c4f5
rgb(134,196,245)
-
#98cdf6
#98cdf6
rgb(152,205,246)
-
#aad6f8
#aad6f8
rgb(170,214,248)
-
#bcdff9
#bcdff9
rgb(188,223,249)
-
#cee7fb
#cee7fb
rgb(206,231,251)
-
#e1f0fc
#e1f0fc
rgb(225,240,252)
-
#f3f9fe
#f3f9fe
rgb(243,249,254)
Tones of #86c4f5
A tone is produced by adding gray to any pure hue. In this case, #bdbebe is the less saturated color, while #81c5fa is the most saturated one.
-
#bdbebe
#bdbebe
rgb(189,190,190)
-
#b8bec3
#b8bec3
rgb(184,190,195)
-
#b3bfc8
#b3bfc8
rgb(179,191,200)
-
#aebfcd
#aebfcd
rgb(174,191,205)
-
#a9c0d2
#a9c0d2
rgb(169,192,210)
-
#a4c0d7
#a4c0d7
rgb(164,192,215)
-
#9fc1dc
#9fc1dc
rgb(159,193,220)
-
#9ac2e1
#9ac2e1
rgb(154,194,225)
-
#95c2e6
#95c2e6
rgb(149,194,230)
-
#90c3eb
#90c3eb
rgb(144,195,235)
-
#8bc3f0
#8bc3f0
rgb(139,195,240)
-
#86c4f5
#86c4f5
rgb(134,196,245)
-
#81c5fa
#81c5fa
rgb(129,197,250)
Color Blindness Simulator
Below, you can see how #86c4f5 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.