#9ba6ba hex color

In a RGB color space, hex #9ba6ba is composed of 60.8% red, 65.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 10.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 218.7 degrees, a saturation of 18.3% and a lightness of 66.9%. #9ba6ba color hex could be obtained by blending #ffffff with #374d75. 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

● #9ba6ba color description : Grayish blue.

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

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

CIE-LAB	67.862, 0.338, -11.588
XYZ	36.015, 37.786, 51.848
xyY	0.287, 0.301, 37.786
CIE-LCH	67.862, 11.593, 271.669
CIE-LUV	67.862, -6.946, -17.553
Hunter-Lab	61.47, -2.991, -6.98
Binary	10011011, 10100110, 10111010

#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#baaf9b
```
#baaf9b rgb(186,175,155)
```

Complementary Color

#9bb6ba
```
#9bb6ba rgb(155,182,186)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#a09bba
```
#a09bba rgb(160,155,186)
```

Analogous Color

#b6ba9b
```
#b6ba9b rgb(182,186,155)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#baa09b
```
#baa09b rgb(186,160,155)
```

Split Complementary Color

#a6ba9b
```
#a6ba9b rgb(166,186,155)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#ba9ba6
```
#ba9ba6 rgb(186,155,166)
```

Triadic Color

#9bbaaf
```
#9bbaaf rgb(155,186,175)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#ba9ba6
```
#ba9ba6 rgb(186,155,166)
```
#baaf9b
```
#baaf9b rgb(186,175,155)
```

Tetradic Color

#6e7e9b
```
#6e7e9b rgb(110,126,155)
```
#7d8ba5
```
#7d8ba5 rgb(125,139,165)
```
#8c99b0
```
#8c99b0 rgb(140,153,176)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#aab3c4
```
#aab3c4 rgb(170,179,196)
```
#b9c1cf
```
#b9c1cf rgb(185,193,207)
```
#c8ced9
```
#c8ced9 rgb(200,206,217)
```

Monochromatic Color

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

#9baeba
```
#9baeba rgb(155,174,186)
```
#9babba
```
#9babba rgb(155,171,186)
```
#9ba9ba
```
#9ba9ba rgb(155,169,186)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#9ba3ba
```
#9ba3ba rgb(155,163,186)
```
#9ba1ba
```
#9ba1ba rgb(155,161,186)
```
#9b9eba
```
#9b9eba rgb(155,158,186)
```

Similar Colors

Text with hexadecimal color #9ba6ba

This text has a font color of #9ba6ba.

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

#9ba6ba background color

This paragraph has a background color of #9ba6ba.

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

#9ba6ba border color

This element has a border color of #9ba6ba.

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

CSS codes

.text {color:#9ba6ba;}

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

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

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)
```
#232933
```
#232933 rgb(35,41,51)
```
#2b323e
```
#2b323e rgb(43,50,62)
```
#333b4a
```
#333b4a rgb(51,59,74)
```
#3b4556
```
#3b4556 rgb(59,69,86)
```
#434e61
```
#434e61 rgb(67,78,97)
```
#4b576d
```
#4b576d rgb(75,87,109)
```
#536079
```
#536079 rgb(83,96,121)
```
#5b6a84
```
#5b6a84 rgb(91,106,132)
```
#637390
```
#637390 rgb(99,115,144)
```

Shade Color Variation

#6d7d9a
```
#6d7d9a rgb(109,125,154)
```
#7887a2
```
#7887a2 rgb(120,135,162)
```
#8491aa
```
#8491aa rgb(132,145,170)
```
#8f9cb2
```
#8f9cb2 rgb(143,156,178)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#a7b0c2
```
#a7b0c2 rgb(167,176,194)
```
#b2bbca
```
#b2bbca rgb(178,187,202)
```
#bec5d2
```
#bec5d2 rgb(190,197,210)
```
#c9cfda
```
#c9cfda rgb(201,207,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 #5a93fb is the most saturated one.

#a8aaad
```
#a8aaad rgb(168,170,173)
```
#a2a8b4
```
#a2a8b4 rgb(162,168,180)
```
#9ba6ba
```
#9ba6ba rgb(155,166,186)
```
#95a4c1
```
#95a4c1 rgb(149,164,193)
```
#8ea2c7
```
#8ea2c7 rgb(142,162,199)
```
#88a0ce
```
#88a0ce rgb(136,160,206)
```
#819ed4
```
#819ed4 rgb(129,158,212)
```
#7b9ddb
```
#7b9ddb rgb(123,157,219)
```
#749be1
```
#749be1 rgb(116,155,225)
```
#6e99e8
```
#6e99e8 rgb(110,153,232)
```
#6797ee
```
#6797ee rgb(103,151,238)
```
#6195f5
```
#6195f5 rgb(97,149,245)
```
#5a93fb
```
#5a93fb rgb(90,147,251)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a5a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8bc Protanopia 1% of men
#afa5bf Deuteranopia 1% of men
#9eabb7 Tritanopia 0.001% of the population

Trichromacy

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

#9ba6ba hex color

#9ba6ba Color Information

#9ba6ba Color Conversion

Color Schemes with #9ba6ba

Alternatives to #9ba6ba

#9ba6ba Preview

Shades and Tints of #9ba6ba

Tones of #9ba6ba

Color Blindness Simulator