colorhexa.com

#8fa3b4 hex color

In a RGB color space, hex #8fa3b4 is composed of 56.1% red, 63.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 9.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 207.6 degrees, a saturation of 19.8% and a lightness of 63.3%. #8fa3b4 color hex could be obtained by blending #ffffff with #1f4769. Closest websafe color is: #9999cc.

- R 56
- G 64
- B 71
RGB color chart
- C 21
- M 9
- Y 0
- K 29
CMYK color chart

● #8fa3b4 color description : Grayish blue.

The hexadecimal color #8fa3b4 has RGB values of R:143, G:163, B:180 and CMYK values of C:0.21, M:0.09, Y:0, K:0.29. Its decimal value is 9413556.

Hex triplet	8fa3b4	`#8fa3b4`
RGB Decimal	143, 163, 180	`rgb(143,163,180)`
RGB Percent	56.1, 63.9, 70.6	`rgb(56.1%,63.9%,70.6%)`
CMYK	21, 9, 0, 29
HSL	207.6°, 19.8, 63.3	`hsl(207.6,19.8%,63.3%)`
HSV (or HSB)	207.6°, 20.6, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.004, -3.249, -11.12
XYZ	32.661, 35.329, 48.276
xyY	0.281, 0.304, 35.329
CIE-LCH	66.004, 11.585, 253.713
CIE-LUV	66.004, -11.293, -16.195
Hunter-Lab	59.438, -5.93, -6.549
Binary	10001111, 10100011, 10110100

#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#b4a08f
```
#b4a08f rgb(180,160,143)
```

Complementary Color

#8fb4b3
```
#8fb4b3 rgb(143,180,179)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#8f91b4
```
#8f91b4 rgb(143,145,180)
```

Analogous Color

#b4b38f
```
#b4b38f rgb(180,179,143)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#b48f91
```
#b48f91 rgb(180,143,145)
```

Split Complementary Color

#a3b48f
```
#a3b48f rgb(163,180,143)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#b48fa3
```
#b48fa3 rgb(180,143,163)
```

Triadic Color

#8fb4a0
```
#8fb4a0 rgb(143,180,160)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#b48fa3
```
#b48fa3 rgb(180,143,163)
```
#b4a08f
```
#b4a08f rgb(180,160,143)
```

Tetradic Color

#637d94
```
#637d94 rgb(99,125,148)
```
#708aa0
```
#708aa0 rgb(112,138,160)
```
#8096aa
```
#8096aa rgb(128,150,170)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#9eb0be
```
#9eb0be rgb(158,176,190)
```
#aebcc8
```
#aebcc8 rgb(174,188,200)
```
#bdc9d3
```
#bdc9d3 rgb(189,201,211)
```

Monochromatic Color

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

#8facb4
```
#8facb4 rgb(143,172,180)
```
#8fa9b4
```
#8fa9b4 rgb(143,169,180)
```
#8fa6b4
```
#8fa6b4 rgb(143,166,180)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#8fa0b4
```
#8fa0b4 rgb(143,160,180)
```
#8f9db4
```
#8f9db4 rgb(143,157,180)
```
#8f9ab4
```
#8f9ab4 rgb(143,154,180)
```

Similar Colors

Text with hexadecimal color #8fa3b4

This text has a font color of #8fa3b4.

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

#8fa3b4 background color

This paragraph has a background color of #8fa3b4.

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

#8fa3b4 border color

This element has a border color of #8fa3b4.

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

CSS codes

.text {color:#8fa3b4;}

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

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

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, #040505 is the darkest color, while #f9fafb is the lightest one.

#040505
```
#040505 rgb(4,5,5)
```
#0c0f11
```
#0c0f11 rgb(12,15,17)
```
#13191d
```
#13191d rgb(19,25,29)
```
#1b2329
```
#1b2329 rgb(27,35,41)
```
#232d34
```
#232d34 rgb(35,45,52)
```
#2b3640
```
#2b3640 rgb(43,54,64)
```
#33404c
```
#33404c rgb(51,64,76)
```
#3b4a58
```
#3b4a58 rgb(59,74,88)
```
#435463
```
#435463 rgb(67,84,99)
```
#4a5e6f
```
#4a5e6f rgb(74,94,111)
```
#52687b
```
#52687b rgb(82,104,123)
```
#5a7287
```
#5a7287 rgb(90,114,135)
```
#627c92
```
#627c92 rgb(98,124,146)
```

Shade Color Variation

#6c869c
```
#6c869c rgb(108,134,156)
```
#7890a4
```
#7890a4 rgb(120,144,164)
```
#8399ac
```
#8399ac rgb(131,153,172)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#9badbc
```
#9badbc rgb(155,173,188)
```
#a6b6c4
```
#a6b6c4 rgb(166,182,196)
```
#b2c0cc
```
#b2c0cc rgb(178,192,204)
```
#becad3
```
#becad3 rgb(190,202,211)
```
#cad3db
```
#cad3db rgb(202,211,219)
```
#d5dde3
```
#d5dde3 rgb(213,221,227)
```
#e1e7eb
```
#e1e7eb rgb(225,231,235)
```
#edf0f3
```
#edf0f3 rgb(237,240,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da2a6 is the less saturated color, while #47a9fc is the most saturated one.

#9da2a6
```
#9da2a6 rgb(157,162,166)
```
#96a2ad
```
#96a2ad rgb(150,162,173)
```
#8fa3b4
```
#8fa3b4 rgb(143,163,180)
```
#88a4bb
```
#88a4bb rgb(136,164,187)
```
#81a4c2
```
#81a4c2 rgb(129,164,194)
```
#79a5ca
```
#79a5ca rgb(121,165,202)
```
#72a5d1
```
#72a5d1 rgb(114,165,209)
```
#6ba6d8
```
#6ba6d8 rgb(107,166,216)
```
#64a6df
```
#64a6df rgb(100,166,223)
```
#5da7e6
```
#5da7e6 rgb(93,167,230)
```
#55a8ee
```
#55a8ee rgb(85,168,238)
```
#4ea8f5
```
#4ea8f5 rgb(78,168,245)
```
#47a9fc
```
#47a9fc rgb(71,169,252)
```

Tone Color Variation

Below, you can see how #8fa3b4 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
#9ca0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a4b5 Protanopia 1% of men
#aaa1ba Deuteranopia 1% of men
#94a8b4 Tritanopia 0.001% of the population

Trichromacy

#9ba3b5 Protanomaly 1% of men, 0.01% of women
#a0a1b7 Deuteranomaly 6% of men, 0.4% of women
#92a6b4 Tritanomaly 0.01% of the population