#86a2bd Color Information
In a RGB color space, hex #86a2bd is composed of 52.5% red, 63.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 14.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 209.5 degrees, a saturation of 29.4% and a lightness of 63.3%. #86a2bd color hex could be obtained by blending #ffffff with #0d457b. Closest websafe color is: #9999cc.
-
- R 53
- G 64
- B 74
-
- C 29
- M 14
- Y 0
- K 26
● #86a2bd color description : Slightly desaturated blue.
#86a2bd Color Conversion
The hexadecimal color #86a2bd has RGB values of R:134, G:162, B:189 and CMYK values of C:0.29, M:0.14, Y:0, K:0.26. Its decimal value is 8823485.
Hex triplet | 86a2bd | #86a2bd |
---|---|---|
RGB Decimal | 134, 162, 189 | rgb(134,162,189) |
RGB Percent | 52.5, 63.5, 74.1 | rgb(52.5%,63.5%,74.1%) |
CMYK | 29, 14, 0, 26 | |
HSL | 209.5°, 29.4, 63.3 | hsl(209.5,29.4%,63.3%) |
HSV (or HSB) | 209.5°, 29.1, 74.1 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 65.422, -3.357, -17.076 |
---|---|
XYZ | 31.935, 34.582, 53.134 |
xyY | 0.267, 0.289, 34.582 |
CIE-LCH | 65.422, 17.403, 258.878 |
CIE-LUV | 65.422, -15.259, -25.526 |
Hunter-Lab | 58.807, -5.977, -12.406 |
Binary | 10000110, 10100010, 10111101 |
Color Schemes with #86a2bd
Alternatives to #86a2bd
Below, you can see some colors close to #86a2bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#86a2bd Preview
This text has a font color of #86a2bd.
<span style="color:#86a2bd;">Text here</span>
This paragraph has a background color of #86a2bd.
<p style="background-color:#86a2bd;">Content here</p>
This element has a border color of #86a2bd.
<div style="border:1px solid #86a2bd;">Content here</div>
.text {color:#86a2bd;}
.background {background-color:#86a2bd;}
.border {border:1px solid #86a2bd;}
Shades and Tints of #86a2bd
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, #030506 is the darkest color, while #f8fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#0a0e13
#0a0e13
rgb(10,14,19)
-
#11181f
#11181f
rgb(17,24,31)
-
#18222c
#18222c
rgb(24,34,44)
-
#1f2c39
#1f2c39
rgb(31,44,57)
-
#263645
#263645
rgb(38,54,69)
-
#2d4052
#2d4052
rgb(45,64,82)
-
#344a5f
#344a5f
rgb(52,74,95)
-
#3b536b
#3b536b
rgb(59,83,107)
-
#425d78
#425d78
rgb(66,93,120)
-
#486785
#486785
rgb(72,103,133)
-
#4f7192
#4f7192
rgb(79,113,146)
-
#567b9e
#567b9e
rgb(86,123,158)
-
#6085a8
#6085a8
rgb(96,133,168)
-
#6d8eaf
#6d8eaf
rgb(109,142,175)
-
#7998b6
#7998b6
rgb(121,152,182)
-
#86a2bd
#86a2bd
rgb(134,162,189)
-
#93acc4
#93acc4
rgb(147,172,196)
-
#9fb6cb
#9fb6cb
rgb(159,182,203)
-
#acbfd2
#acbfd2
rgb(172,191,210)
-
#b9c9d9
#b9c9d9
rgb(185,201,217)
-
#c5d3e0
#c5d3e0
rgb(197,211,224)
-
#d2dde7
#d2dde7
rgb(210,221,231)
-
#dfe6ed
#dfe6ed
rgb(223,230,237)
-
#ecf0f4
#ecf0f4
rgb(236,240,244)
-
#f8fafb
#f8fafb
rgb(248,250,251)
Tones of #86a2bd
A tone is produced by adding gray to any pure hue. In this case, #9ca2a7 is the less saturated color, while #45a3fe is the most saturated one.
-
#9ca2a7
#9ca2a7
rgb(156,162,167)
-
#94a2af
#94a2af
rgb(148,162,175)
-
#8da2b6
#8da2b6
rgb(141,162,182)
-
#86a2bd
#86a2bd
rgb(134,162,189)
-
#7fa2c4
#7fa2c4
rgb(127,162,196)
-
#78a2cb
#78a2cb
rgb(120,162,203)
-
#70a2d3
#70a2d3
rgb(112,162,211)
-
#69a3da
#69a3da
rgb(105,163,218)
-
#62a3e1
#62a3e1
rgb(98,163,225)
-
#5ba3e8
#5ba3e8
rgb(91,163,232)
-
#54a3ef
#54a3ef
rgb(84,163,239)
-
#4ca3f7
#4ca3f7
rgb(76,163,247)
-
#45a3fe
#45a3fe
rgb(69,163,254)
Color Blindness Simulator
Below, you can see how #86a2bd 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.