#8fa5bc hex color

In a RGB color space, hex #8fa5bc is composed of 56.1% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 210.7 degrees, a saturation of 25.1% and a lightness of 64.9%. #8fa5bc color hex could be obtained by blending #ffffff with #1f4b79. Closest websafe color is: #9999cc.

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

● #8fa5bc color description : Grayish blue.

The hexadecimal color #8fa5bc has RGB values of R:143, G:165, B:188 and CMYK values of C:0.24, M:0.12, Y:0, K:0.26. Its decimal value is 9414076.

Hex triplet	8fa5bc	`#8fa5bc`
RGB Decimal	143, 165, 188	`rgb(143,165,188)`
RGB Percent	56.1, 64.7, 73.7	`rgb(56.1%,64.7%,73.7%)`
CMYK	24, 12, 0, 26
HSL	210.7°, 25.1, 64.9	`hsl(210.7,25.1%,64.9%)`
HSV (or HSB)	210.7°, 23.9, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.809, -2.495, -14.366
XYZ	33.858, 36.38, 52.812
xyY	0.275, 0.296, 36.38
CIE-LCH	66.809, 14.581, 260.147
CIE-LUV	66.809, -12.443, -21.431
Hunter-Lab	60.316, -5.353, -9.693
Binary	10001111, 10100101, 10111100

#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#bca68f
```
#bca68f rgb(188,166,143)
```

Complementary Color

#8fbcbc
```
#8fbcbc rgb(143,188,188)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#908fbc
```
#908fbc rgb(144,143,188)
```

Analogous Color

#bcbc8f
```
#bcbc8f rgb(188,188,143)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#bc908f
```
#bc908f rgb(188,144,143)
```

Split Complementary Color

#a5bc8f
```
#a5bc8f rgb(165,188,143)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#bc8fa5
```
#bc8fa5 rgb(188,143,165)
```

Triadic Color

#8fbca6
```
#8fbca6 rgb(143,188,166)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#bc8fa5
```
#bc8fa5 rgb(188,143,165)
```
#bca68f
```
#bca68f rgb(188,166,143)
```

Tetradic Color

#5f7f9f
```
#5f7f9f rgb(95,127,159)
```
#6f8ba9
```
#6f8ba9 rgb(111,139,169)
```
#7f98b2
```
#7f98b2 rgb(127,152,178)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#9fb2c6
```
#9fb2c6 rgb(159,178,198)
```
#afbfcf
```
#afbfcf rgb(175,191,207)
```
#bfcbd9
```
#bfcbd9 rgb(191,203,217)
```

Monochromatic Color

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

#8fb0bc
```
#8fb0bc rgb(143,176,188)
```
#8fadbc
```
#8fadbc rgb(143,173,188)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#8fa1bc
```
#8fa1bc rgb(143,161,188)
```
#8f9ebc
```
#8f9ebc rgb(143,158,188)
```
#8f9abc
```
#8f9abc rgb(143,154,188)
```

Similar Colors

Text with hexadecimal color #8fa5bc

This text has a font color of #8fa5bc.

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

#8fa5bc background color

This paragraph has a background color of #8fa5bc.

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

#8fa5bc border color

This element has a border color of #8fa5bc.

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

CSS codes

.text {color:#8fa5bc;}

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

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

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, #06090b is the darkest color, while #fdfefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0e1217
```
#0e1217 rgb(14,18,23)
```
#151c23
```
#151c23 rgb(21,28,35)
```
#1c2630
```
#1c2630 rgb(28,38,48)
```
#24303c
```
#24303c rgb(36,48,60)
```
#2b3948
```
#2b3948 rgb(43,57,72)
```
#324354
```
#324354 rgb(50,67,84)
```
#3a4d61
```
#3a4d61 rgb(58,77,97)
```
#41576d
```
#41576d rgb(65,87,109)
```
#486079
```
#486079 rgb(72,96,121)
```
#506a85
```
#506a85 rgb(80,106,133)
```
#577492
```
#577492 rgb(87,116,146)
```
#5f7e9e
```
#5f7e9e rgb(95,126,158)
```

Shade Color Variation

#6a87a6
```
#6a87a6 rgb(106,135,166)
```
#7691ad
```
#7691ad rgb(118,145,173)
```
#839bb5
```
#839bb5 rgb(131,155,181)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#9bafc3
```
#9bafc3 rgb(155,175,195)
```
#a8b9cb
```
#a8b9cb rgb(168,185,203)
```
#b4c3d2
```
#b4c3d2 rgb(180,195,210)
```
#c0ccd9
```
#c0ccd9 rgb(192,204,217)
```
#ccd6e1
```
#ccd6e1 rgb(204,214,225)
```
#d9e0e8
```
#d9e0e8 rgb(217,224,232)
```
#e5eaef
```
#e5eaef rgb(229,234,239)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#a4a5a7
```
#a4a5a7 rgb(164,165,167)
```
#9da5ae
```
#9da5ae rgb(157,165,174)
```
#96a5b5
```
#96a5b5 rgb(150,165,181)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#88a5c3
```
#88a5c3 rgb(136,165,195)
```
#81a5ca
```
#81a5ca rgb(129,165,202)
```
#7aa5d1
```
#7aa5d1 rgb(122,165,209)
```
#73a4d8
```
#73a4d8 rgb(115,164,216)
```
#6da4de
```
#6da4de rgb(109,164,222)
```
#66a4e5
```
#66a4e5 rgb(102,164,229)
```
#5fa4ec
```
#5fa4ec rgb(95,164,236)
```
#58a4f3
```
#58a4f3 rgb(88,164,243)
```
#51a4fa
```
#51a4fa rgb(81,164,250)
```

Tone Color Variation

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

#a3a6bd Protanopia 1% of men
#a9a3c1 Deuteranopia 1% of men
#92abb7 Tritanopia 0.001% of the population

Trichromacy

#9ba5bc Protanomaly 1% of men, 0.01% of women
#9fa4bf Deuteranomaly 6% of men, 0.4% of women
#91a8b9 Tritanomaly 0.01% of the population

#8fa5bc hex color

#8fa5bc Color Information

#8fa5bc Color Conversion

Color Schemes with #8fa5bc

Alternatives to #8fa5bc

#8fa5bc Preview

Shades and Tints of #8fa5bc

Tones of #8fa5bc

Color Blindness Simulator