#8fa5bb hex color

In a RGB color space, hex #8fa5bb is composed of 56.1% red, 64.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 11.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 210 degrees, a saturation of 24.4% and a lightness of 64.7%. #8fa5bb color hex could be obtained by blending #ffffff with #1f4b77. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 56
- G 65
- B 73
RGB color chart
- C 24
- M 12
- Y 0
- K 27
CMYK color chart

● #8fa5bb color description : Grayish blue.

The hexadecimal color #8fa5bb has RGB values of R:143, G:165, B:187 and CMYK values of C:0.24, M:0.12, Y:0, K:0.27. Its decimal value is 9414075.

Hex triplet	8fa5bb	`#8fa5bb`
RGB Decimal	143, 165, 187	`rgb(143,165,187)`
RGB Percent	56.1, 64.7, 73.3	`rgb(56.1%,64.7%,73.3%)`
CMYK	24, 12, 0, 27
HSL	210°, 24.4, 64.7	`hsl(210,24.4%,64.7%)`
HSV (or HSB)	210°, 23.5, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.777, -2.73, -13.859
XYZ	33.751, 36.337, 52.246
xyY	0.276, 0.297, 36.337
CIE-LCH	66.777, 14.125, 258.857
CIE-LUV	66.777, -12.413, -20.594
Hunter-Lab	60.28, -5.549, -9.192
Binary	10001111, 10100101, 10111011

#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#bba58f
```
#bba58f rgb(187,165,143)
```

Complementary Color

#8fbbbb
```
#8fbbbb rgb(143,187,187)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#8f8fbb
```
#8f8fbb rgb(143,143,187)
```

Analogous Color

#bbbb8f
```
#bbbb8f rgb(187,187,143)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#bb8f8f
```
#bb8f8f rgb(187,143,143)
```

Split Complementary Color

#a5bb8f
```
#a5bb8f rgb(165,187,143)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#bb8fa5
```
#bb8fa5 rgb(187,143,165)
```

Triadic Color

#8fbba5
```
#8fbba5 rgb(143,187,165)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#bb8fa5
```
#bb8fa5 rgb(187,143,165)
```
#bba58f
```
#bba58f rgb(187,165,143)
```

Tetradic Color

#607f9e
```
#607f9e rgb(96,127,158)
```
#6f8ca8
```
#6f8ca8 rgb(111,140,168)
```
#7f98b1
```
#7f98b1 rgb(127,152,177)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#9fb2c5
```
#9fb2c5 rgb(159,178,197)
```
#afbfce
```
#afbfce rgb(175,191,206)
```
#bfcbd8
```
#bfcbd8 rgb(191,203,216)
```

Monochromatic Color

Below, you can see some colors close to #8fa5bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#8fb0bb
```
#8fb0bb rgb(143,176,187)
```
#8facbb
```
#8facbb rgb(143,172,187)
```
#8fa9bb
```
#8fa9bb rgb(143,169,187)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#8f9ebb
```
#8f9ebb rgb(143,158,187)
```
#8f9abb
```
#8f9abb rgb(143,154,187)
```

Similar Colors

Text with hexadecimal color #8fa5bb

This text has a font color of #8fa5bb.

<span style="color:#8fa5bb;">Text here</span>

#8fa5bb background color

This paragraph has a background color of #8fa5bb.

<p style="background-color:#8fa5bb;">Content here</p>

#8fa5bb border color

This element has a border color of #8fa5bb.

<div style="border:1px solid #8fa5bb;">Content here</div>

CSS codes

.text {color:#8fa5bb;}

.background {background-color:#8fa5bb;}

.border {border:1px solid #8fa5bb;}

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 #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#151c22
```
#151c22 rgb(21,28,34)
```
#1c262f
```
#1c262f rgb(28,38,47)
```
#242f3b
```
#242f3b rgb(36,47,59)
```
#2b3947
```
#2b3947 rgb(43,57,71)
```
#334353
```
#334353 rgb(51,67,83)
```
#3a4d5f
```
#3a4d5f rgb(58,77,95)
```
#41576c
```
#41576c rgb(65,87,108)
```
#496078
```
#496078 rgb(73,96,120)
```
#506a84
```
#506a84 rgb(80,106,132)
```
#587490
```
#587490 rgb(88,116,144)
```
#5f7e9d
```
#5f7e9d rgb(95,126,157)
```

Shade Color Variation

#6a88a5
```
#6a88a5 rgb(106,136,165)
```
#7791ac
```
#7791ac rgb(119,145,172)
```
#839bb4
```
#839bb4 rgb(131,155,180)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#9bafc2
```
#9bafc2 rgb(155,175,194)
```
#a7b9ca
```
#a7b9ca rgb(167,185,202)
```
#b4c2d1
```
#b4c2d1 rgb(180,194,209)
```
#c0ccd9
```
#c0ccd9 rgb(192,204,217)
```
#ccd6e0
```
#ccd6e0 rgb(204,214,224)
```
#d8e0e7
```
#d8e0e7 rgb(216,224,231)
```
#e4eaef
```
#e4eaef rgb(228,234,239)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #51a5f9 is the most saturated one.

#a4a5a6
```
#a4a5a6 rgb(164,165,166)
```
#9da5ad
```
#9da5ad rgb(157,165,173)
```
#96a5b4
```
#96a5b4 rgb(150,165,180)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#88a5c2
```
#88a5c2 rgb(136,165,194)
```
#81a5c9
```
#81a5c9 rgb(129,165,201)
```
#7aa5d0
```
#7aa5d0 rgb(122,165,208)
```
#73a5d7
```
#73a5d7 rgb(115,165,215)
```
#6ca5de
```
#6ca5de rgb(108,165,222)
```
#65a5e5
```
#65a5e5 rgb(101,165,229)
```
#5fa5eb
```
#5fa5eb rgb(95,165,235)
```
#58a5f2
```
#58a5f2 rgb(88,165,242)
```
#51a5f9
```
#51a5f9 rgb(81,165,249)
```

Tone Color Variation

Below, you can see how #8fa5bb 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.

Monochromacy

#a1a1a1 Achromatopsia 0.005% of the population
#9da2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a6bc Protanopia 1% of men
#a9a3c0 Deuteranopia 1% of men
#93aab7 Tritanopia 0.001% of the population

Trichromacy

#9ba5bb Protanomaly 1% of men, 0.01% of women
#a0a4be Deuteranomaly 6% of men, 0.4% of women
#91a8b8 Tritanomaly 0.01% of the population

#8fa5bb hex color

#8fa5bb Color Information

#8fa5bb Color Conversion

Color Schemes with #8fa5bb

Alternatives to #8fa5bb

#8fa5bb Preview

Shades and Tints of #8fa5bb

Tones of #8fa5bb

Color Blindness Simulator