#86a4f4 Color Information
In a RGB color space, hex #86a4f4 is composed of 52.5% red, 64.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 32.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 223.6 degrees, a saturation of 83.3% and a lightness of 74.1%. #86a4f4 color hex could be obtained by blending #ffffff with #0d49e9. Closest websafe color is: #9999ff.
-
- R 53
- G 64
- B 96
-
- C 45
- M 33
- Y 0
- K 4
● #86a4f4 color description : Soft blue.
#86a4f4 Color Conversion
The hexadecimal color #86a4f4 has RGB values of R:134, G:164, B:244 and CMYK values of C:0.45, M:0.33, Y:0, K:0.04. Its decimal value is 8824052.
Hex triplet | 86a4f4 | #86a4f4 |
---|---|---|
RGB Decimal | 134, 164, 244 | rgb(134,164,244) |
RGB Percent | 52.5, 64.3, 95.7 | rgb(52.5%,64.3%,95.7%) |
CMYK | 45, 33, 0, 4 | |
HSL | 223.6°, 83.3, 74.1 | hsl(223.6,83.3%,74.1%) |
HSV (or HSB) | 223.6°, 45.1, 95.7 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 68.131, 10.283, -43.246 |
---|---|
XYZ | 39.433, 38.149, 90.869 |
xyY | 0.234, 0.226, 38.149 |
CIE-LCH | 68.131, 44.452, 283.375 |
CIE-LUV | 68.131, -17.243, -70.909 |
Hunter-Lab | 61.765, 5.87, -43.992 |
Binary | 10000110, 10100100, 11110100 |
Color Schemes with #86a4f4
Alternatives to #86a4f4
Below, you can see some colors close to #86a4f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86a4f4 Preview
This text has a font color of #86a4f4.
<span style="color:#86a4f4;">Text here</span>
This paragraph has a background color of #86a4f4.
<p style="background-color:#86a4f4;">Content here</p>
This element has a border color of #86a4f4.
<div style="border:1px solid #86a4f4;">Content here</div>
.text {color:#86a4f4;}
.background {background-color:#86a4f4;}
.border {border:1px solid #86a4f4;}
Shades and Tints of #86a4f4
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, #000205 is the darkest color, while #f2f5fe is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#020817
#020817
rgb(2,8,23)
-
#040e29
#040e29
rgb(4,14,41)
-
#05143b
#05143b
rgb(5,20,59)
-
#071a4d
#071a4d
rgb(7,26,77)
-
#09205f
#09205f
rgb(9,32,95)
-
#0a2671
#0a2671
rgb(10,38,113)
-
#0c2c83
#0c2c83
rgb(12,44,131)
-
#0e3295
#0e3295
rgb(14,50,149)
-
#0f38a7
#0f38a7
rgb(15,56,167)
-
#113fb9
#113fb9
rgb(17,63,185)
-
#1245cb
#1245cb
rgb(18,69,203)
-
#144bdd
#144bdd
rgb(20,75,221)
-
#1a53ea
#1a53ea
rgb(26,83,234)
-
#2c60ec
#2c60ec
rgb(44,96,236)
-
#3e6eed
#3e6eed
rgb(62,110,237)
-
#507bef
#507bef
rgb(80,123,239)
-
#6289f1
#6289f1
rgb(98,137,241)
-
#7496f2
#7496f2
rgb(116,150,242)
-
#86a4f4
#86a4f4
rgb(134,164,244)
-
#98b2f6
#98b2f6
rgb(152,178,246)
-
#aabff7
#aabff7
rgb(170,191,247)
-
#bccdf9
#bccdf9
rgb(188,205,249)
-
#cedafb
#cedafb
rgb(206,218,251)
-
#e0e8fc
#e0e8fc
rgb(224,232,252)
-
#f2f5fe
#f2f5fe
rgb(242,245,254)
Tones of #86a4f4
A tone is produced by adding gray to any pure hue. In this case, #b9bbc1 is the less saturated color, while #7c9ffe is the most saturated one.
-
#b9bbc1
#b9bbc1
rgb(185,187,193)
-
#b4b9c6
#b4b9c6
rgb(180,185,198)
-
#afb6cb
#afb6cb
rgb(175,182,203)
-
#aab4d0
#aab4d0
rgb(170,180,208)
-
#a4b2d6
#a4b2d6
rgb(164,178,214)
-
#9fb0db
#9fb0db
rgb(159,176,219)
-
#9aade0
#9aade0
rgb(154,173,224)
-
#95abe5
#95abe5
rgb(149,171,229)
-
#90a9ea
#90a9ea
rgb(144,169,234)
-
#8ba6ef
#8ba6ef
rgb(139,166,239)
-
#86a4f4
#86a4f4
rgb(134,164,244)
-
#81a2f9
#81a2f9
rgb(129,162,249)
-
#7c9ffe
#7c9ffe
rgb(124,159,254)
Color Blindness Simulator
Below, you can see how #86a4f4 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.