#9ba5ba hex color

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

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

● #9ba5ba color description : Grayish blue.

The hexadecimal color #9ba5ba has RGB values of R:155, G:165, B:186 and CMYK values of C:0.17, M:0.11, Y:0, K:0.27. Its decimal value is 10200506.

Hex triplet	9ba5ba	`#9ba5ba`
RGB Decimal	155, 165, 186	`rgb(155,165,186)`
RGB Percent	60.8, 64.7, 72.9	`rgb(60.8%,64.7%,72.9%)`
CMYK	17, 11, 0, 27
HSL	220.6°, 18.3, 66.9	`hsl(220.6,18.3%,66.9%)`
HSV (or HSB)	220.6°, 16.7, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.594, 0.889, -11.99
XYZ	35.834, 37.424, 51.787
xyY	0.287, 0.299, 37.424
CIE-LCH	67.594, 12.023, 274.24
CIE-LUV	67.594, -6.479, -18.255
Hunter-Lab	61.175, -2.497, -7.369
Binary	10011011, 10100101, 10111010

#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#bab09b
```
#bab09b rgb(186,176,155)
```

Complementary Color

#9bb5ba
```
#9bb5ba rgb(155,181,186)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#a19bba
```
#a19bba rgb(161,155,186)
```

Analogous Color

#b5ba9b
```
#b5ba9b rgb(181,186,155)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#baa19b
```
#baa19b rgb(186,161,155)
```

Split Complementary Color

#a5ba9b
```
#a5ba9b rgb(165,186,155)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#ba9ba5
```
#ba9ba5 rgb(186,155,165)
```

Triadic Color

#9bbab0
```
#9bbab0 rgb(155,186,176)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#ba9ba5
```
#ba9ba5 rgb(186,155,165)
```
#bab09b
```
#bab09b rgb(186,176,155)
```

Tetradic Color

#6e7c9b
```
#6e7c9b rgb(110,124,155)
```
#7d8aa5
```
#7d8aa5 rgb(125,138,165)
```
#8c97b0
```
#8c97b0 rgb(140,151,176)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#aab3c4
```
#aab3c4 rgb(170,179,196)
```
#b9c0cf
```
#b9c0cf rgb(185,192,207)
```
#c8ced9
```
#c8ced9 rgb(200,206,217)
```

Monochromatic Color

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

#9badba
```
#9badba rgb(155,173,186)
```
#9baaba
```
#9baaba rgb(155,170,186)
```
#9ba8ba
```
#9ba8ba rgb(155,168,186)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#9ba2ba
```
#9ba2ba rgb(155,162,186)
```
#9ba0ba
```
#9ba0ba rgb(155,160,186)
```
#9b9dba
```
#9b9dba rgb(155,157,186)
```

Similar Colors

Text with hexadecimal color #9ba5ba

This text has a font color of #9ba5ba.

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

#9ba5ba background color

This paragraph has a background color of #9ba5ba.

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

#9ba5ba border color

This element has a border color of #9ba5ba.

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

CSS codes

.text {color:#9ba5ba;}

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

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

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)
```
#1b1f27
```
#1b1f27 rgb(27,31,39)
```
#232833
```
#232833 rgb(35,40,51)
```
#2b313e
```
#2b313e rgb(43,49,62)
```
#333b4a
```
#333b4a rgb(51,59,74)
```
#3b4456
```
#3b4456 rgb(59,68,86)
```
#434d61
```
#434d61 rgb(67,77,97)
```
#4b566d
```
#4b566d rgb(75,86,109)
```
#535f79
```
#535f79 rgb(83,95,121)
```
#5b6884
```
#5b6884 rgb(91,104,132)
```
#637290
```
#637290 rgb(99,114,144)
```

Shade Color Variation

#6d7b9a
```
#6d7b9a rgb(109,123,154)
```
#7886a2
```
#7886a2 rgb(120,134,162)
```
#8490aa
```
#8490aa rgb(132,144,170)
```
#8f9bb2
```
#8f9bb2 rgb(143,155,178)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#a7afc2
```
#a7afc2 rgb(167,175,194)
```
#b2baca
```
#b2baca rgb(178,186,202)
```
#bec4d2
```
#bec4d2 rgb(190,196,210)
```
#c9cfda
```
#c9cfda rgb(201,207,218)
```
#d5d9e2
```
#d5d9e2 rgb(213,217,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 #5a8efb is the most saturated one.

#a8aaad
```
#a8aaad rgb(168,170,173)
```
#a2a7b4
```
#a2a7b4 rgb(162,167,180)
```
#9ba5ba
```
#9ba5ba rgb(155,165,186)
```
#95a3c1
```
#95a3c1 rgb(149,163,193)
```
#8ea0c7
```
#8ea0c7 rgb(142,160,199)
```
#889ece
```
#889ece rgb(136,158,206)
```
#819cd4
```
#819cd4 rgb(129,156,212)
```
#7b99db
```
#7b99db rgb(123,153,219)
```
#7497e1
```
#7497e1 rgb(116,151,225)
```
#6e95e8
```
#6e95e8 rgb(110,149,232)
```
#6793ee
```
#6793ee rgb(103,147,238)
```
#6190f5
```
#6190f5 rgb(97,144,245)
```
#5a8efb
```
#5a8efb rgb(90,142,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a2a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a8bc Protanopia 1% of men
#aea5bf Deuteranopia 1% of men
#9eaab7 Tritanopia 0.001% of the population

Trichromacy

#a2a6bb Protanomaly 1% of men, 0.01% of women
#a7a5bd Deuteranomaly 6% of men, 0.4% of women
#9da8b8 Tritanomaly 0.01% of the population

#9ba5ba hex color

#9ba5ba Color Information

#9ba5ba Color Conversion

Color Schemes with #9ba5ba

Alternatives to #9ba5ba

#9ba5ba Preview

Shades and Tints of #9ba5ba

Tones of #9ba5ba

Color Blindness Simulator