#9ba7ba hex color

In a RGB color space, hex #9ba7ba is composed of 60.8% red, 65.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 10.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 216.8 degrees, a saturation of 18.3% and a lightness of 66.9%. #9ba7ba color hex could be obtained by blending #ffffff with #374f75. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 73
RGB color chart
- C 17
- M 10
- Y 0
- K 27
CMYK color chart

● #9ba7ba color description : Grayish blue.

The hexadecimal color #9ba7ba has RGB values of R:155, G:167, B:186 and CMYK values of C:0.17, M:0.1, Y:0, K:0.27. Its decimal value is 10201018.

Hex triplet	9ba7ba	`#9ba7ba`
RGB Decimal	155, 167, 186	`rgb(155,167,186)`
RGB Percent	60.8, 65.5, 72.9	`rgb(60.8%,65.5%,72.9%)`
CMYK	17, 10, 0, 27
HSL	216.8°, 18.3, 66.9	`hsl(216.8,18.3%,66.9%)`
HSV (or HSB)	216.8°, 16.7, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.132, -0.212, -11.185
XYZ	36.197, 38.151, 51.908
xyY	0.287, 0.302, 38.151
CIE-LCH	68.132, 11.187, 268.913
CIE-LUV	68.132, -7.413, -16.851
Hunter-Lab	61.766, -3.483, -6.591
Binary	10011011, 10100111, 10111010

#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#baae9b
```
#baae9b rgb(186,174,155)
```

Complementary Color

#9bb7ba
```
#9bb7ba rgb(155,183,186)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#9f9bba
```
#9f9bba rgb(159,155,186)
```

Analogous Color

#b7ba9b
```
#b7ba9b rgb(183,186,155)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#ba9f9b
```
#ba9f9b rgb(186,159,155)
```

Split Complementary Color

#a7ba9b
```
#a7ba9b rgb(167,186,155)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#ba9ba7
```
#ba9ba7 rgb(186,155,167)
```

Triadic Color

#9bbaae
```
#9bbaae rgb(155,186,174)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#ba9ba7
```
#ba9ba7 rgb(186,155,167)
```
#baae9b
```
#baae9b rgb(186,174,155)
```

Tetradic Color

#6e7f9b
```
#6e7f9b rgb(110,127,155)
```
#7d8ca5
```
#7d8ca5 rgb(125,140,165)
```
#8c9ab0
```
#8c9ab0 rgb(140,154,176)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#aab4c4
```
#aab4c4 rgb(170,180,196)
```
#b9c2cf
```
#b9c2cf rgb(185,194,207)
```
#c8cfd9
```
#c8cfd9 rgb(200,207,217)
```

Monochromatic Color

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

#9bafba
```
#9bafba rgb(155,175,186)
```
#9bacba
```
#9bacba rgb(155,172,186)
```
#9baaba
```
#9baaba rgb(155,170,186)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#9ba4ba
```
#9ba4ba rgb(155,164,186)
```
#9ba2ba
```
#9ba2ba rgb(155,162,186)
```
#9b9fba
```
#9b9fba rgb(155,159,186)
```

Similar Colors

Text with hexadecimal color #9ba7ba

This text has a font color of #9ba7ba.

<span style="color:#9ba7ba;">Text here</span>

#9ba7ba background color

This paragraph has a background color of #9ba7ba.

<p style="background-color:#9ba7ba;">Content here</p>

#9ba7ba border color

This element has a border color of #9ba7ba.

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

CSS codes

.text {color:#9ba7ba;}

.background {background-color:#9ba7ba;}

.border {border:1px solid #9ba7ba;}

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#13161c
```
#13161c rgb(19,22,28)
```
#1b2027
```
#1b2027 rgb(27,32,39)
```
#232933
```
#232933 rgb(35,41,51)
```
#2b333e
```
#2b333e rgb(43,51,62)
```
#333c4a
```
#333c4a rgb(51,60,74)
```
#3b4556
```
#3b4556 rgb(59,69,86)
```
#434f61
```
#434f61 rgb(67,79,97)
```
#4b586d
```
#4b586d rgb(75,88,109)
```
#536279
```
#536279 rgb(83,98,121)
```
#5b6b84
```
#5b6b84 rgb(91,107,132)
```
#637490
```
#637490 rgb(99,116,144)
```

Shade Color Variation

#6d7e9a
```
#6d7e9a rgb(109,126,154)
```
#7888a2
```
#7888a2 rgb(120,136,162)
```
#8493aa
```
#8493aa rgb(132,147,170)
```
#8f9db2
```
#8f9db2 rgb(143,157,178)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#a7b1c2
```
#a7b1c2 rgb(167,177,194)
```
#b2bbca
```
#b2bbca rgb(178,187,202)
```
#bec6d2
```
#bec6d2 rgb(190,198,210)
```
#c9d0da
```
#c9d0da rgb(201,208,218)
```
#d5dae2
```
#d5dae2 rgb(213,218,226)
```
#e1e4ea
```
#e1e4ea rgb(225,228,234)
```
#eceef2
```
#eceef2 rgb(236,238,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#a8aaad
```
#a8aaad rgb(168,170,173)
```
#a2a8b4
```
#a2a8b4 rgb(162,168,180)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#95a6c1
```
#95a6c1 rgb(149,166,193)
```
#8ea4c7
```
#8ea4c7 rgb(142,164,199)
```
#88a3ce
```
#88a3ce rgb(136,163,206)
```
#81a1d4
```
#81a1d4 rgb(129,161,212)
```
#7ba0db
```
#7ba0db rgb(123,160,219)
```
#749ee1
```
#749ee1 rgb(116,158,225)
```
#6e9de8
```
#6e9de8 rgb(110,157,232)
```
#679bee
```
#679bee rgb(103,155,238)
```
#619af5
```
#619af5 rgb(97,154,245)
```
#5a98fb
```
#5a98fb rgb(90,152,251)
```

Tone Color Variation

Below, you can see how #9ba7ba 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

#a6a6a6 Achromatopsia 0.005% of the population
#a4a6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9bc Protanopia 1% of men
#b0a6bf Deuteranopia 1% of men
#9facb8 Tritanopia 0.001% of the population

Trichromacy

#a3a8bb Protanomaly 1% of men, 0.01% of women
#a8a6bd Deuteranomaly 6% of men, 0.4% of women
#9daab9 Tritanomaly 0.01% of the population

#9ba7ba hex color

#9ba7ba Color Information

#9ba7ba Color Conversion

Color Schemes with #9ba7ba

Alternatives to #9ba7ba

#9ba7ba Preview

Shades and Tints of #9ba7ba

Tones of #9ba7ba

Color Blindness Simulator