#8ca5bd Color Information
In a RGB color space, hex #8ca5bd is composed of 54.9% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 209.4 degrees, a saturation of 27.1% and a lightness of 64.5%. #8ca5bd color hex could be obtained by blending #ffffff with #194b7b. Closest websafe color is: #9999cc.
-
- R 55
- G 65
- B 74
-
- C 26
- M 13
- Y 0
- K 26
● #8ca5bd color description : Slightly desaturated blue.
#8ca5bd Color Conversion
The hexadecimal color #8ca5bd has RGB values of R:140, G:165, B:189 and CMYK values of C:0.26, M:0.13, Y:0, K:0.26. Its decimal value is 9217469.
Hex triplet | 8ca5bd | #8ca5bd |
---|---|---|
RGB Decimal | 140, 165, 189 | rgb(140,165,189) |
RGB Percent | 54.9, 64.7, 74.1 | rgb(54.9%,64.7%,74.1%) |
CMYK | 26, 13, 0, 26 | |
HSL | 209.4°, 27.1, 64.5 | hsl(209.4,27.1%,64.5%) |
HSV (or HSB) | 209.4°, 25.9, 74.1 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 66.641, -3.187, -15.195 |
---|---|
XYZ | 33.454, 36.159, 53.358 |
xyY | 0.272, 0.294, 36.159 |
CIE-LCH | 66.641, 15.526, 258.153 |
CIE-LUV | 66.641, -13.866, -22.631 |
Hunter-Lab | 60.132, -5.926, -10.518 |
Binary | 10001100, 10100101, 10111101 |
Color Schemes with #8ca5bd
Alternatives to #8ca5bd
Below, you can see some colors close to #8ca5bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#8ca5bd Preview
This text has a font color of #8ca5bd.
<span style="color:#8ca5bd;">Text here</span>
This paragraph has a background color of #8ca5bd.
<p style="background-color:#8ca5bd;">Content here</p>
This element has a border color of #8ca5bd.
<div style="border:1px solid #8ca5bd;">Content here</div>
.text {color:#8ca5bd;}
.background {background-color:#8ca5bd;}
.border {border:1px solid #8ca5bd;}
Shades and Tints of #8ca5bd
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, #06080a is the darkest color, while #fcfdfd is the lightest one.
-
#06080a
#06080a
rgb(6,8,10)
-
#0d1116
#0d1116
rgb(13,17,22)
-
#141b23
#141b23
rgb(20,27,35)
-
#1b252f
#1b252f
rgb(27,37,47)
-
#222f3b
#222f3b
rgb(34,47,59)
-
#293948
#293948
rgb(41,57,72)
-
#304354
#304354
rgb(48,67,84)
-
#384d61
#384d61
rgb(56,77,97)
-
#3f576d
#3f576d
rgb(63,87,109)
-
#46607a
#46607a
rgb(70,96,122)
-
#4d6a86
#4d6a86
rgb(77,106,134)
-
#547493
#547493
rgb(84,116,147)
-
#5b7e9f
#5b7e9f
rgb(91,126,159)
-
#6788a8
#6788a8
rgb(103,136,168)
-
#7391af
#7391af
rgb(115,145,175)
-
#809bb6
#809bb6
rgb(128,155,182)
-
#8ca5bd
#8ca5bd
rgb(140,165,189)
-
#98afc4
#98afc4
rgb(152,175,196)
-
#a5b9cb
#a5b9cb
rgb(165,185,203)
-
#b1c2d2
#b1c2d2
rgb(177,194,210)
-
#beccda
#beccda
rgb(190,204,218)
-
#cad6e1
#cad6e1
rgb(202,214,225)
-
#d7e0e8
#d7e0e8
rgb(215,224,232)
-
#e3e9ef
#e3e9ef
rgb(227,233,239)
-
#f0f3f6
#f0f3f6
rgb(240,243,246)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #8ca5bd
A tone is produced by adding gray to any pure hue. In this case, #a1a5a8 is the less saturated color, while #4da6fc is the most saturated one.
-
#a1a5a8
#a1a5a8
rgb(161,165,168)
-
#9aa5af
#9aa5af
rgb(154,165,175)
-
#93a5b6
#93a5b6
rgb(147,165,182)
-
#8ca5bd
#8ca5bd
rgb(140,165,189)
-
#85a5c4
#85a5c4
rgb(133,165,196)
-
#7ea5cb
#7ea5cb
rgb(126,165,203)
-
#77a5d2
#77a5d2
rgb(119,165,210)
-
#70a6d9
#70a6d9
rgb(112,166,217)
-
#69a6e0
#69a6e0
rgb(105,166,224)
-
#62a6e7
#62a6e7
rgb(98,166,231)
-
#5ba6ee
#5ba6ee
rgb(91,166,238)
-
#54a6f5
#54a6f5
rgb(84,166,245)
-
#4da6fc
#4da6fc
rgb(77,166,252)
Color Blindness Simulator
Below, you can see how #8ca5bd 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.