#8fa9bc hex color

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

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

● #8fa9bc color description : Grayish blue.

The hexadecimal color #8fa9bc has RGB values of R:143, G:169, B:188 and CMYK values of C:0.24, M:0.1, Y:0, K:0.26. Its decimal value is 9415100.

Hex triplet	8fa9bc	`#8fa9bc`
RGB Decimal	143, 169, 188	`rgb(143,169,188)`
RGB Percent	56.1, 66.3, 73.7	`rgb(56.1%,66.3%,73.7%)`
CMYK	24, 10, 0, 26
HSL	205.3°, 25.1, 64.9	`hsl(205.3,25.1%,64.9%)`
HSV (or HSB)	205.3°, 23.9, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.907, -4.686, -12.716
XYZ	34.591, 37.846, 53.057
xyY	0.276, 0.302, 37.846
CIE-LCH	67.907, 13.552, 249.769
CIE-LUV	67.907, -14.238, -18.552
Hunter-Lab	61.519, -7.291, -8.071
Binary	10001111, 10101001, 10111100

#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#bca28f
```
#bca28f rgb(188,162,143)
```

Complementary Color

#8fbcb9
```
#8fbcb9 rgb(143,188,185)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#8f93bc
```
#8f93bc rgb(143,147,188)
```

Analogous Color

#bcb98f
```
#bcb98f rgb(188,185,143)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#bc8f93
```
#bc8f93 rgb(188,143,147)
```

Split Complementary Color

#a9bc8f
```
#a9bc8f rgb(169,188,143)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#bc8fa9
```
#bc8fa9 rgb(188,143,169)
```

Triadic Color

#8fbca2
```
#8fbca2 rgb(143,188,162)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#bc8fa9
```
#bc8fa9 rgb(188,143,169)
```
#bca28f
```
#bca28f rgb(188,162,143)
```

Tetradic Color

#5f849f
```
#5f849f rgb(95,132,159)
```
#6f90a9
```
#6f90a9 rgb(111,144,169)
```
#7f9db2
```
#7f9db2 rgb(127,157,178)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#9fb5c6
```
#9fb5c6 rgb(159,181,198)
```
#afc2cf
```
#afc2cf rgb(175,194,207)
```
#bfced9
```
#bfced9 rgb(191,206,217)
```

Monochromatic Color

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

#8fb4bc
```
#8fb4bc rgb(143,180,188)
```
#8fb1bc
```
#8fb1bc rgb(143,177,188)
```
#8fadbc
```
#8fadbc rgb(143,173,188)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#8fa5bc
```
#8fa5bc rgb(143,165,188)
```
#8fa2bc
```
#8fa2bc rgb(143,162,188)
```
#8f9ebc
```
#8f9ebc rgb(143,158,188)
```

Similar Colors

Text with hexadecimal color #8fa9bc

This text has a font color of #8fa9bc.

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

#8fa9bc background color

This paragraph has a background color of #8fa9bc.

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

#8fa9bc border color

This element has a border color of #8fa9bc.

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

CSS codes

.text {color:#8fa9bc;}

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

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

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)
```
#0e1317
```
#0e1317 rgb(14,19,23)
```
#151d23
```
#151d23 rgb(21,29,35)
```
#1c2730
```
#1c2730 rgb(28,39,48)
```
#24323c
```
#24323c rgb(36,50,60)
```
#2b3c48
```
#2b3c48 rgb(43,60,72)
```
#324654
```
#324654 rgb(50,70,84)
```
#3a5061
```
#3a5061 rgb(58,80,97)
```
#415a6d
```
#415a6d rgb(65,90,109)
```
#486579
```
#486579 rgb(72,101,121)
```
#506f85
```
#506f85 rgb(80,111,133)
```
#577992
```
#577992 rgb(87,121,146)
```
#5f839e
```
#5f839e rgb(95,131,158)
```

Shade Color Variation

#6a8da6
```
#6a8da6 rgb(106,141,166)
```
#7696ad
```
#7696ad rgb(118,150,173)
```
#83a0b5
```
#83a0b5 rgb(131,160,181)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#9bb2c3
```
#9bb2c3 rgb(155,178,195)
```
#a8bccb
```
#a8bccb rgb(168,188,203)
```
#b4c5d2
```
#b4c5d2 rgb(180,197,210)
```
#c0cfd9
```
#c0cfd9 rgb(192,207,217)
```
#ccd8e1
```
#ccd8e1 rgb(204,216,225)
```
#d9e2e8
```
#d9e2e8 rgb(217,226,232)
```
#e5ebef
```
#e5ebef rgb(229,235,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, #a4a6a7 is the less saturated color, while #51b3fa is the most saturated one.

#a4a6a7
```
#a4a6a7 rgb(164,166,167)
```
#9da7ae
```
#9da7ae rgb(157,167,174)
```
#96a8b5
```
#96a8b5 rgb(150,168,181)
```
#8fa9bc
```
#8fa9bc rgb(143,169,188)
```
#88aac3
```
#88aac3 rgb(136,170,195)
```
#81abca
```
#81abca rgb(129,171,202)
```
#7aacd1
```
#7aacd1 rgb(122,172,209)
```
#73add8
```
#73add8 rgb(115,173,216)
```
#6daede
```
#6daede rgb(109,174,222)
```
#66afe5
```
#66afe5 rgb(102,175,229)
```
#5fb0ec
```
#5fb0ec rgb(95,176,236)
```
#58b2f3
```
#58b2f3 rgb(88,178,243)
```
#51b3fa
```
#51b3fa rgb(81,179,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9fa4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8bc Protanopia 1% of men
#ada6c1 Deuteranopia 1% of men
#93aeba Tritanopia 0.001% of the population

Trichromacy

#9ea8bc Protanomaly 1% of men, 0.01% of women
#a2a7bf Deuteranomaly 6% of men, 0.4% of women
#91acbb Tritanomaly 0.01% of the population

#8fa9bc hex color

#8fa9bc Color Information

#8fa9bc Color Conversion

Color Schemes with #8fa9bc

Alternatives to #8fa9bc

#8fa9bc Preview

Shades and Tints of #8fa9bc

Tones of #8fa9bc

Color Blindness Simulator