#9ba7ae hex color

In a RGB color space, hex #9ba7ae is composed of 60.8% red, 65.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 4% magenta, 0% yellow and 31.8% black. It has a hue angle of 202.1 degrees, a saturation of 10.5% and a lightness of 64.5%. #9ba7ae color hex could be obtained by blending #ffffff with #374f5d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 65
- B 68
RGB color chart
- C 11
- M 4
- Y 0
- K 32
CMYK color chart

● #9ba7ae color description : Dark grayish blue.

The hexadecimal color #9ba7ae has RGB values of R:155, G:167, B:174 and CMYK values of C:0.11, M:0.04, Y:0, K:0.32. Its decimal value is 10201006.

Hex triplet	9ba7ae	`#9ba7ae`
RGB Decimal	155, 167, 174	`rgb(155,167,174)`
RGB Percent	60.8, 65.5, 68.2	`rgb(60.8%,65.5%,68.2%)`
CMYK	11, 4, 0, 32
HSL	202.1°, 10.5, 64.5	`hsl(202.1,10.5%,64.5%)`
HSV (or HSB)	202.1°, 10.9, 68.2
Web Safe	999999	`#999999`

CIE-LAB	67.77, -2.784, -5.059
XYZ	34.975, 37.662, 45.469
xyY	0.296, 0.319, 37.662
CIE-LCH	67.77, 5.774, 241.18
CIE-LUV	67.77, -6.906, -7.041
Hunter-Lab	61.369, -5.667, -0.97
Binary	10011011, 10100111, 10101110

#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#aea29b
```
#aea29b rgb(174,162,155)
```

Complementary Color

#9baeac
```
#9baeac rgb(155,174,172)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#9b9eae
```
#9b9eae rgb(155,158,174)
```

Analogous Color

#aeac9b
```
#aeac9b rgb(174,172,155)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#ae9b9e
```
#ae9b9e rgb(174,155,158)
```

Split Complementary Color

#a7ae9b
```
#a7ae9b rgb(167,174,155)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#ae9ba7
```
#ae9ba7 rgb(174,155,167)
```

Triadic Color

#9baea2
```
#9baea2 rgb(155,174,162)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#ae9ba7
```
#ae9ba7 rgb(174,155,167)
```
#aea29b
```
#aea29b rgb(174,162,155)
```

Tetradic Color

#71828c
```
#71828c rgb(113,130,140)
```
#7f8e97
```
#7f8e97 rgb(127,142,151)
```
#8d9ba3
```
#8d9ba3 rgb(141,155,163)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#a9b3b9
```
#a9b3b9 rgb(169,179,185)
```
#b7c0c5
```
#b7c0c5 rgb(183,192,197)
```
#c5ccd0
```
#c5ccd0 rgb(197,204,208)
```

Monochromatic Color

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

#9bacae
```
#9bacae rgb(155,172,174)
```
#9baaae
```
#9baaae rgb(155,170,174)
```
#9ba9ae
```
#9ba9ae rgb(155,169,174)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#9ba5ae
```
#9ba5ae rgb(155,165,174)
```
#9ba4ae
```
#9ba4ae rgb(155,164,174)
```
#9ba2ae
```
#9ba2ae rgb(155,162,174)
```

Similar Colors

Text with hexadecimal color #9ba7ae

This text has a font color of #9ba7ae.

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

#9ba7ae background color

This paragraph has a background color of #9ba7ae.

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

#9ba7ae border color

This element has a border color of #9ba7ae.

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

CSS codes

.text {color:#9ba7ae;}

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

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

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

#070808
```
#070808 rgb(7,8,8)
```
#101213
```
#101213 rgb(16,18,19)
```
#181c1e
```
#181c1e rgb(24,28,30)
```
#212629
```
#212629 rgb(33,38,41)
```
#2a3034
```
#2a3034 rgb(42,48,52)
```
#333a3f
```
#333a3f rgb(51,58,63)
```
#3b4449
```
#3b4449 rgb(59,68,73)
```
#444e54
```
#444e54 rgb(68,78,84)
```
#4d585f
```
#4d585f rgb(77,88,95)
```
#56626a
```
#56626a rgb(86,98,106)
```
#5f6d75
```
#5f6d75 rgb(95,109,117)
```
#677780
```
#677780 rgb(103,119,128)
```
#70818a
```
#70818a rgb(112,129,138)
```

Shade Color Variation

#7a8a94
```
#7a8a94 rgb(122,138,148)
```
#85949c
```
#85949c rgb(133,148,156)
```
#909da5
```
#909da5 rgb(144,157,165)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#a6b1b7
```
#a6b1b7 rgb(166,177,183)
```
#b1bac0
```
#b1bac0 rgb(177,186,192)
```
#bcc4c8
```
#bcc4c8 rgb(188,196,200)
```
#c6cdd1
```
#c6cdd1 rgb(198,205,209)
```
#d1d7da
```
#d1d7da rgb(209,215,218)
```
#dce0e3
```
#dce0e3 rgb(220,224,227)
```
#e7eaeb
```
#e7eaeb rgb(231,234,235)
```
#f2f3f4
```
#f2f3f4 rgb(242,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a2a5a7
```
#a2a5a7 rgb(162,165,167)
```
#9ba7ae
```
#9ba7ae rgb(155,167,174)
```
#94a9b5
```
#94a9b5 rgb(148,169,181)
```
#8dabbc
```
#8dabbc rgb(141,171,188)
```
#86acc3
```
#86acc3 rgb(134,172,195)
```
#7faeca
```
#7faeca rgb(127,174,202)
```
#78b0d1
```
#78b0d1 rgb(120,176,209)
```
#71b2d8
```
#71b2d8 rgb(113,178,216)
```
#6ab4df
```
#6ab4df rgb(106,180,223)
```
#63b6e6
```
#63b6e6 rgb(99,182,230)
```
#5cb7ed
```
#5cb7ed rgb(92,183,237)
```
#55b9f4
```
#55b9f4 rgb(85,185,244)
```
#4ebbfb
```
#4ebbfb rgb(78,187,251)
```

Tone Color Variation

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

Dichromacy

#aaa8b0 Protanopia 1% of men
#b4a5b4 Deuteranopia 1% of men
#a1aab7 Tritanopia 0.001% of the population

Trichromacy

#a4a8af Protanomaly 1% of men, 0.01% of women
#aba5b2 Deuteranomaly 6% of men, 0.4% of women
#9ea9b3 Tritanomaly 0.01% of the population

#9ba7ae hex color

#9ba7ae Color Information

#9ba7ae Color Conversion

Color Schemes with #9ba7ae

Alternatives to #9ba7ae

#9ba7ae Preview

Shades and Tints of #9ba7ae

Tones of #9ba7ae

Color Blindness Simulator