#86a5b2 Color Information
In a RGB color space, hex #86a5b2 is composed of 52.5% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 197.7 degrees, a saturation of 22.2% and a lightness of 61.2%. #86a5b2 color hex could be obtained by blending #ffffff with #0d4b65. Closest websafe color is: #999999.
-
- R 53
- G 65
- B 70
-
- C 25
- M 7
- Y 0
- K 30
● #86a5b2 color description : Dark grayish blue.
#86a5b2 Color Conversion
The hexadecimal color #86a5b2 has RGB values of R:134, G:165, B:178 and CMYK values of C:0.25, M:0.07, Y:0, K:0.3. Its decimal value is 8824242.
Hex triplet | 86a5b2 | #86a5b2 |
---|---|---|
RGB Decimal | 134, 165, 178 | rgb(134,165,178) |
RGB Percent | 52.5, 64.7, 69.8 | rgb(52.5%,64.7%,69.8%) |
CMYK | 25, 7, 0, 30 | |
HSL | 197.7°, 22.2, 61.2 | hsl(197.7,22.2%,61.2%) |
HSV (or HSB) | 197.7°, 24.7, 69.8 | |
Web Safe | 999999 | #999999 |
CIE-LAB | 65.898, -7.652, -10.225 |
---|---|
XYZ | 31.321, 35.192, 47.26 |
xyY | 0.275, 0.309, 35.192 |
CIE-LCH | 65.898, 12.771, 233.191 |
CIE-LUV | 65.898, -16.375, -14.135 |
Hunter-Lab | 59.323, -9.572, -5.707 |
Binary | 10000110, 10100101, 10110010 |
Color Schemes with #86a5b2
Alternatives to #86a5b2
Below, you can see some colors close to #86a5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86a5b2 Preview
This text has a font color of #86a5b2.
<span style="color:#86a5b2;">Text here</span>
This paragraph has a background color of #86a5b2.
<p style="background-color:#86a5b2;">Content here</p>
This element has a border color of #86a5b2.
<div style="border:1px solid #86a5b2;">Content here</div>
.text {color:#86a5b2;}
.background {background-color:#86a5b2;}
.border {border:1px solid #86a5b2;}
Shades and Tints of #86a5b2
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, #070a0b is the darkest color, while #fefefe is the lightest one.
-
#070a0b
#070a0b
rgb(7,10,11)
-
#0f1417
#0f1417
rgb(15,20,23)
-
#161f23
#161f23
rgb(22,31,35)
-
#1e2a2f
#1e2a2f
rgb(30,42,47)
-
#25343b
#25343b
rgb(37,52,59)
-
#2d3f47
#2d3f47
rgb(45,63,71)
-
#354a53
#354a53
rgb(53,74,83)
-
#3c555f
#3c555f
rgb(60,85,95)
-
#445f6b
#445f6b
rgb(68,95,107)
-
#4c6a77
#4c6a77
rgb(76,106,119)
-
#537583
#537583
rgb(83,117,131)
-
#5b7f8f
#5b7f8f
rgb(91,127,143)
-
#628a9b
#628a9b
rgb(98,138,155)
-
#6e93a3
#6e93a3
rgb(110,147,163)
-
#7a9caa
#7a9caa
rgb(122,156,170)
-
#86a5b2
#86a5b2
rgb(134,165,178)
-
#92aeba
#92aeba
rgb(146,174,186)
-
#9eb7c1
#9eb7c1
rgb(158,183,193)
-
#aac0c9
#aac0c9
rgb(170,192,201)
-
#b6c9d1
#b6c9d1
rgb(182,201,209)
-
#c2d2d8
#c2d2d8
rgb(194,210,216)
-
#cedae0
#cedae0
rgb(206,218,224)
-
#dae3e7
#dae3e7
rgb(218,227,231)
-
#e6ecef
#e6ecef
rgb(230,236,239)
-
#f2f5f7
#f2f5f7
rgb(242,245,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #86a5b2
A tone is produced by adding gray to any pure hue. In this case, #959fa3 is the less saturated color, while #3ac4fe is the most saturated one.
-
#959fa3
#959fa3
rgb(149,159,163)
-
#8ea2aa
#8ea2aa
rgb(142,162,170)
-
#86a5b2
#86a5b2
rgb(134,165,178)
-
#7ea8ba
#7ea8ba
rgb(126,168,186)
-
#77abc1
#77abc1
rgb(119,171,193)
-
#6faec9
#6faec9
rgb(111,174,201)
-
#68b1d0
#68b1d0
rgb(104,177,208)
-
#60b5d8
#60b5d8
rgb(96,181,216)
-
#58b8e0
#58b8e0
rgb(88,184,224)
-
#51bbe7
#51bbe7
rgb(81,187,231)
-
#49beef
#49beef
rgb(73,190,239)
-
#41c1f7
#41c1f7
rgb(65,193,247)
-
#3ac4fe
#3ac4fe
rgb(58,196,254)
Color Blindness Simulator
Below, you can see how #86a5b2 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.