#8fa1bb hex color

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

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

● #8fa1bb color description : Grayish blue.

The hexadecimal color #8fa1bb has RGB values of R:143, G:161, B:187 and CMYK values of C:0.24, M:0.14, Y:0, K:0.27. Its decimal value is 9413051.

Hex triplet	8fa1bb	`#8fa1bb`
RGB Decimal	143, 161, 187	`rgb(143,161,187)`
RGB Percent	56.1, 63.1, 73.3	`rgb(56.1%,63.1%,73.3%)`
CMYK	24, 14, 0, 27
HSL	215.5°, 24.4, 64.7	`hsl(215.5,24.4%,64.7%)`
HSV (or HSB)	215.5°, 23.5, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.684, -0.52, -15.507
XYZ	33.04, 34.917, 52.01
xyY	0.275, 0.291, 34.917
CIE-LCH	65.684, 15.515, 268.079
CIE-LUV	65.684, -10.616, -23.466
Hunter-Lab	59.09, -3.6, -10.822
Binary	10001111, 10100001, 10111011

#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#bba98f
```
#bba98f rgb(187,169,143)
```

Complementary Color

#8fb7bb
```
#8fb7bb rgb(143,183,187)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#938fbb
```
#938fbb rgb(147,143,187)
```

Analogous Color

#b7bb8f
```
#b7bb8f rgb(183,187,143)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#bb938f
```
#bb938f rgb(187,147,143)
```

Split Complementary Color

#a1bb8f
```
#a1bb8f rgb(161,187,143)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#bb8fa1
```
#bb8fa1 rgb(187,143,161)
```

Triadic Color

#8fbba9
```
#8fbba9 rgb(143,187,169)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#bb8fa1
```
#bb8fa1 rgb(187,143,161)
```
#bba98f
```
#bba98f rgb(187,169,143)
```

Tetradic Color

#60799e
```
#60799e rgb(96,121,158)
```
#6f86a8
```
#6f86a8 rgb(111,134,168)
```
#7f94b1
```
#7f94b1 rgb(127,148,177)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#9faec5
```
#9faec5 rgb(159,174,197)
```
#afbcce
```
#afbcce rgb(175,188,206)
```
#bfc9d8
```
#bfc9d8 rgb(191,201,216)
```

Monochromatic Color

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

#8facbb
```
#8facbb rgb(143,172,187)
```
#8fa8bb
```
#8fa8bb rgb(143,168,187)
```
#8fa5bb
```
#8fa5bb rgb(143,165,187)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#8f9dbb
```
#8f9dbb rgb(143,157,187)
```
#8f9abb
```
#8f9abb rgb(143,154,187)
```
#8f96bb
```
#8f96bb rgb(143,150,187)
```

Similar Colors

Text with hexadecimal color #8fa1bb

This text has a font color of #8fa1bb.

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

#8fa1bb background color

This paragraph has a background color of #8fa1bb.

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

#8fa1bb border color

This element has a border color of #8fa1bb.

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

CSS codes

.text {color:#8fa1bb;}

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

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

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)
```
#0e1116
```
#0e1116 rgb(14,17,22)
```
#151a22
```
#151a22 rgb(21,26,34)
```
#1c242f
```
#1c242f rgb(28,36,47)
```
#242d3b
```
#242d3b rgb(36,45,59)
```
#2b3747
```
#2b3747 rgb(43,55,71)
```
#334053
```
#334053 rgb(51,64,83)
```
#3a495f
```
#3a495f rgb(58,73,95)
```
#41536c
```
#41536c rgb(65,83,108)
```
#495c78
```
#495c78 rgb(73,92,120)
```
#506584
```
#506584 rgb(80,101,132)
```
#586f90
```
#586f90 rgb(88,111,144)
```
#5f789d
```
#5f789d rgb(95,120,157)
```

Shade Color Variation

#6a82a5
```
#6a82a5 rgb(106,130,165)
```
#778dac
```
#778dac rgb(119,141,172)
```
#8397b4
```
#8397b4 rgb(131,151,180)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#9babc2
```
#9babc2 rgb(155,171,194)
```
#a7b5ca
```
#a7b5ca rgb(167,181,202)
```
#b4c0d1
```
#b4c0d1 rgb(180,192,209)
```
#c0cad9
```
#c0cad9 rgb(192,202,217)
```
#ccd4e0
```
#ccd4e0 rgb(204,212,224)
```
#d8dee7
```
#d8dee7 rgb(216,222,231)
```
#e4e9ef
```
#e4e9ef rgb(228,233,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 #5196f9 is the most saturated one.

#a4a5a6
```
#a4a5a6 rgb(164,165,166)
```
#9da4ad
```
#9da4ad rgb(157,164,173)
```
#96a2b4
```
#96a2b4 rgb(150,162,180)
```
#8fa1bb
```
#8fa1bb rgb(143,161,187)
```
#88a0c2
```
#88a0c2 rgb(136,160,194)
```
#819ec9
```
#819ec9 rgb(129,158,201)
```
#7a9dd0
```
#7a9dd0 rgb(122,157,208)
```
#739cd7
```
#739cd7 rgb(115,156,215)
```
#6c9bde
```
#6c9bde rgb(108,155,222)
```
#6599e5
```
#6599e5 rgb(101,153,229)
```
#5f98eb
```
#5f98eb rgb(95,152,235)
```
#5897f2
```
#5897f2 rgb(88,151,242)
```
#5196f9
```
#5196f9 rgb(81,150,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9c9fa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa3bc Protanopia 1% of men
#a5a1c0 Deuteranopia 1% of men
#92a7b3 Tritanopia 0.001% of the population

Trichromacy

#99a2bc Protanomaly 1% of men, 0.01% of women
#9da1be Deuteranomaly 6% of men, 0.4% of women
#91a5b6 Tritanomaly 0.01% of the population

#8fa1bb hex color

#8fa1bb Color Information

#8fa1bb Color Conversion

Color Schemes with #8fa1bb

Alternatives to #8fa1bb

#8fa1bb Preview

Shades and Tints of #8fa1bb

Tones of #8fa1bb

Color Blindness Simulator