#86a2b2 Color Information
In a RGB color space, hex #86a2b2 is composed of 52.5% red, 63.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 9% magenta, 0% yellow and 30.2% black. It has a hue angle of 201.8 degrees, a saturation of 22.2% and a lightness of 61.2%. #86a2b2 color hex could be obtained by blending #ffffff with #0d4565. Closest websafe color is: #999999.
-
- R 53
- G 64
- B 70
-
- C 25
- M 9
- Y 0
- K 30
● #86a2b2 color description : Dark grayish blue.
#86a2b2 Color Conversion
The hexadecimal color #86a2b2 has RGB values of R:134, G:162, B:178 and CMYK values of C:0.25, M:0.09, Y:0, K:0.3. Its decimal value is 8823474.
Hex triplet | 86a2b2 | #86a2b2 |
---|---|---|
RGB Decimal | 134, 162, 178 | rgb(134,162,178) |
RGB Percent | 52.5, 63.5, 69.8 | rgb(52.5%,63.5%,69.8%) |
CMYK | 25, 9, 0, 30 | |
HSL | 201.8°, 22.2, 61.2 | hsl(201.8,22.2%,61.2%) |
HSV (or HSB) | 201.8°, 24.7, 69.8 | |
Web Safe | 999999 | #999999 |
CIE-LAB | 65.06, -6.016, -11.479 |
---|---|
XYZ | 30.786, 34.123, 47.081 |
xyY | 0.275, 0.305, 34.123 |
CIE-LCH | 65.06, 12.96, 242.344 |
CIE-LUV | 65.06, -15.03, -16.297 |
Hunter-Lab | 58.414, -8.151, -6.897 |
Binary | 10000110, 10100010, 10110010 |
Color Schemes with #86a2b2
Alternatives to #86a2b2
Below, you can see some colors close to #86a2b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86a2b2 Preview
This text has a font color of #86a2b2.
<span style="color:#86a2b2;">Text here</span>
This paragraph has a background color of #86a2b2.
<p style="background-color:#86a2b2;">Content here</p>
This element has a border color of #86a2b2.
<div style="border:1px solid #86a2b2;">Content here</div>
.text {color:#86a2b2;}
.background {background-color:#86a2b2;}
.border {border:1px solid #86a2b2;}
Shades and Tints of #86a2b2
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, #07090b is the darkest color, while #fefefe is the lightest one.
-
#07090b
#07090b
rgb(7,9,11)
-
#0f1417
#0f1417
rgb(15,20,23)
-
#161e23
#161e23
rgb(22,30,35)
-
#1e292f
#1e292f
rgb(30,41,47)
-
#25333b
#25333b
rgb(37,51,59)
-
#2d3d47
#2d3d47
rgb(45,61,71)
-
#354853
#354853
rgb(53,72,83)
-
#3c525f
#3c525f
rgb(60,82,95)
-
#445d6b
#445d6b
rgb(68,93,107)
-
#4c6777
#4c6777
rgb(76,103,119)
-
#537183
#537183
rgb(83,113,131)
-
#5b7c8f
#5b7c8f
rgb(91,124,143)
-
#62869b
#62869b
rgb(98,134,155)
-
#6e90a3
#6e90a3
rgb(110,144,163)
-
#7a99aa
#7a99aa
rgb(122,153,170)
-
#86a2b2
#86a2b2
rgb(134,162,178)
-
#92abba
#92abba
rgb(146,171,186)
-
#9eb4c1
#9eb4c1
rgb(158,180,193)
-
#aabec9
#aabec9
rgb(170,190,201)
-
#b6c7d1
#b6c7d1
rgb(182,199,209)
-
#c2d0d8
#c2d0d8
rgb(194,208,216)
-
#ced9e0
#ced9e0
rgb(206,217,224)
-
#dae2e7
#dae2e7
rgb(218,226,231)
-
#e6ecef
#e6ecef
rgb(230,236,239)
-
#f2f5f7
#f2f5f7
rgb(242,245,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #86a2b2
A tone is produced by adding gray to any pure hue. In this case, #959ea3 is the less saturated color, while #3ab7fe is the most saturated one.
-
#959ea3
#959ea3
rgb(149,158,163)
-
#8ea0aa
#8ea0aa
rgb(142,160,170)
-
#86a2b2
#86a2b2
rgb(134,162,178)
-
#7ea4ba
#7ea4ba
rgb(126,164,186)
-
#77a6c1
#77a6c1
rgb(119,166,193)
-
#6fa8c9
#6fa8c9
rgb(111,168,201)
-
#68aad0
#68aad0
rgb(104,170,208)
-
#60acd8
#60acd8
rgb(96,172,216)
-
#58aee0
#58aee0
rgb(88,174,224)
-
#51b1e7
#51b1e7
rgb(81,177,231)
-
#49b3ef
#49b3ef
rgb(73,179,239)
-
#41b5f7
#41b5f7
rgb(65,181,247)
-
#3ab7fe
#3ab7fe
rgb(58,183,254)
Color Blindness Simulator
Below, you can see how #86a2b2 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.