#9ba7bc hex color

In a RGB color space, hex #9ba7bc is composed of 60.8% red, 65.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 11.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 218.2 degrees, a saturation of 19.8% and a lightness of 67.3%. #9ba7bc color hex could be obtained by blending #ffffff with #374f79. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 74
RGB color chart
- C 18
- M 11
- Y 0
- K 26
CMYK color chart

● #9ba7bc color description : Grayish blue.

The hexadecimal color #9ba7bc has RGB values of R:155, G:167, B:188 and CMYK values of C:0.18, M:0.11, Y:0, K:0.26. Its decimal value is 10201020.

Hex triplet	9ba7bc	`#9ba7bc`
RGB Decimal	155, 167, 188	`rgb(155,167,188)`
RGB Percent	60.8, 65.5, 73.7	`rgb(60.8%,65.5%,73.7%)`
CMYK	18, 11, 0, 26
HSL	218.2°, 19.8, 67.3	`hsl(218.2,19.8%,67.3%)`
HSV (or HSB)	218.2°, 17.6, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.194, 0.23, -12.199
XYZ	36.412, 38.236, 53.036
xyY	0.285, 0.299, 38.236
CIE-LCH	68.194, 12.202, 271.079
CIE-LUV	68.194, -7.499, -18.506
Hunter-Lab	61.836, -3.103, -7.568
Binary	10011011, 10100111, 10111100

#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#bcb09b
```
#bcb09b rgb(188,176,155)
```

Complementary Color

#9bb8bc
```
#9bb8bc rgb(155,184,188)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#a09bbc
```
#a09bbc rgb(160,155,188)
```

Analogous Color

#b8bc9b
```
#b8bc9b rgb(184,188,155)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#bca09b
```
#bca09b rgb(188,160,155)
```

Split Complementary Color

#a7bc9b
```
#a7bc9b rgb(167,188,155)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#bc9ba7
```
#bc9ba7 rgb(188,155,167)
```

Triadic Color

#9bbcb0
```
#9bbcb0 rgb(155,188,176)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#bc9ba7
```
#bc9ba7 rgb(188,155,167)
```
#bcb09b
```
#bcb09b rgb(188,176,155)
```

Tetradic Color

#6d7f9d
```
#6d7f9d rgb(109,127,157)
```
#7c8ca8
```
#7c8ca8 rgb(124,140,168)
```
#8c9ab2
```
#8c9ab2 rgb(140,154,178)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#aab4c6
```
#aab4c6 rgb(170,180,198)
```
#bac2d0
```
#bac2d0 rgb(186,194,208)
```
#c9cfdb
```
#c9cfdb rgb(201,207,219)
```

Monochromatic Color

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

#9bafbc
```
#9bafbc rgb(155,175,188)
```
#9badbc
```
#9badbc rgb(155,173,188)
```
#9baabc
```
#9baabc rgb(155,170,188)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#9ba4bc
```
#9ba4bc rgb(155,164,188)
```
#9ba2bc
```
#9ba2bc rgb(155,162,188)
```
#9b9fbc
```
#9b9fbc rgb(155,159,188)
```

Similar Colors

Text with hexadecimal color #9ba7bc

This text has a font color of #9ba7bc.

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

#9ba7bc background color

This paragraph has a background color of #9ba7bc.

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

#9ba7bc border color

This element has a border color of #9ba7bc.

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

CSS codes

.text {color:#9ba7bc;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c0e11
```
#0c0e11 rgb(12,14,17)
```
#14171d
```
#14171d rgb(20,23,29)
```
#1b2029
```
#1b2029 rgb(27,32,41)
```
#232a35
```
#232a35 rgb(35,42,53)
```
#2b3340
```
#2b3340 rgb(43,51,64)
```
#333c4c
```
#333c4c rgb(51,60,76)
```
#3b4558
```
#3b4558 rgb(59,69,88)
```
#434f64
```
#434f64 rgb(67,79,100)
```
#4b586f
```
#4b586f rgb(75,88,111)
```
#53617b
```
#53617b rgb(83,97,123)
```
#5a6b87
```
#5a6b87 rgb(90,107,135)
```
#627493
```
#627493 rgb(98,116,147)
```

Shade Color Variation

#6c7e9d
```
#6c7e9d rgb(108,126,157)
```
#7888a4
```
#7888a4 rgb(120,136,164)
```
#8492ac
```
#8492ac rgb(132,146,172)
```
#8f9db4
```
#8f9db4 rgb(143,157,180)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#a7b1c4
```
#a7b1c4 rgb(167,177,196)
```
#b2bccc
```
#b2bccc rgb(178,188,204)
```
#bec6d4
```
#bec6d4 rgb(190,198,212)
```
#cad0db
```
#cad0db rgb(202,208,219)
```
#d6dbe3
```
#d6dbe3 rgb(214,219,227)
```
#e1e5eb
```
#e1e5eb rgb(225,229,235)
```
#edeff3
```
#edeff3 rgb(237,239,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#a8abaf
```
#a8abaf rgb(168,171,175)
```
#a1a9b6
```
#a1a9b6 rgb(161,169,182)
```
#9ba7bc
```
#9ba7bc rgb(155,167,188)
```
#95a5c2
```
#95a5c2 rgb(149,165,194)
```
#8ea3c9
```
#8ea3c9 rgb(142,163,201)
```
#88a2cf
```
#88a2cf rgb(136,162,207)
```
#81a0d6
```
#81a0d6 rgb(129,160,214)
```
#7b9edc
```
#7b9edc rgb(123,158,220)
```
#749ce3
```
#749ce3 rgb(116,156,227)
```
#6e9be9
```
#6e9be9 rgb(110,155,233)
```
#6899ef
```
#6899ef rgb(104,153,239)
```
#6197f6
```
#6197f6 rgb(97,151,246)
```
#5b95fc
```
#5b95fc rgb(91,149,252)
```

Tone Color Variation

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

#a7a9be Protanopia 1% of men
#afa6c1 Deuteranopia 1% of men
#9eacb9 Tritanopia 0.001% of the population

Trichromacy

#a3a8bd Protanomaly 1% of men, 0.01% of women
#a8a6bf Deuteranomaly 6% of men, 0.4% of women
#9daaba Tritanomaly 0.01% of the population

#9ba7bc hex color

#9ba7bc Color Information

#9ba7bc Color Conversion

Color Schemes with #9ba7bc

Alternatives to #9ba7bc

#9ba7bc Preview

Shades and Tints of #9ba7bc

Tones of #9ba7bc

Color Blindness Simulator