#9ba7aa hex color

In a RGB color space, hex #9ba7aa is composed of 60.8% red, 65.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 1.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 192 degrees, a saturation of 8.1% and a lightness of 63.7%. #9ba7aa color hex could be obtained by blending #ffffff with #374f55. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 65
- B 67
RGB color chart
- C 9
- M 2
- Y 0
- K 33
CMYK color chart

● #9ba7aa color description : Dark grayish cyan.

The hexadecimal color #9ba7aa has RGB values of R:155, G:167, B:170 and CMYK values of C:0.09, M:0.02, Y:0, K:0.33. Its decimal value is 10201002.

Hex triplet	9ba7aa	`#9ba7aa`
RGB Decimal	155, 167, 170	`rgb(155,167,170)`
RGB Percent	60.8, 65.5, 66.7	`rgb(60.8%,65.5%,66.7%)`
CMYK	9, 2, 0, 33
HSL	192°, 8.1, 63.7	`hsl(192,8.1%,63.7%)`
HSV (or HSB)	192°, 8.8, 66.7
Web Safe	999999	`#999999`

CIE-LAB	67.656, -3.609, -3.004
XYZ	34.591, 37.508, 43.445
xyY	0.299, 0.325, 37.508
CIE-LCH	67.656, 4.696, 219.78
CIE-LUV	67.656, -6.74, -3.826
Hunter-Lab	61.244, -6.359, 0.811
Binary	10011011, 10100111, 10101010

#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#aa9e9b
```
#aa9e9b rgb(170,158,155)
```

Complementary Color

#9baaa6
```
#9baaa6 rgb(155,170,166)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#9ba0aa
```
#9ba0aa rgb(155,160,170)
```

Analogous Color

#aaa69b
```
#aaa69b rgb(170,166,155)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#aa9ba0
```
#aa9ba0 rgb(170,155,160)
```

Split Complementary Color

#a7aa9b
```
#a7aa9b rgb(167,170,155)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#aa9ba7
```
#aa9ba7 rgb(170,155,167)
```

Triadic Color

#9baa9e
```
#9baa9e rgb(155,170,158)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#aa9ba7
```
#aa9ba7 rgb(170,155,167)
```
#aa9e9b
```
#aa9e9b rgb(170,158,155)
```

Tetradic Color

#728286
```
#728286 rgb(114,130,134)
```
#7f8f93
```
#7f8f93 rgb(127,143,147)
```
#8d9b9e
```
#8d9b9e rgb(141,155,158)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#a9b3b6
```
#a9b3b6 rgb(169,179,182)
```
#b7bfc1
```
#b7bfc1 rgb(183,191,193)
```
#c4cbcd
```
#c4cbcd rgb(196,203,205)
```

Monochromatic Color

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

#9baaa9
```
#9baaa9 rgb(155,170,169)
```
#9baaaa
```
#9baaaa rgb(155,170,170)
```
#9ba8aa
```
#9ba8aa rgb(155,168,170)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#9ba6aa
```
#9ba6aa rgb(155,166,170)
```
#9ba5aa
```
#9ba5aa rgb(155,165,170)
```
#9ba3aa
```
#9ba3aa rgb(155,163,170)
```

Similar Colors

Text with hexadecimal color #9ba7aa

This text has a font color of #9ba7aa.

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

#9ba7aa background color

This paragraph has a background color of #9ba7aa.

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

#9ba7aa border color

This element has a border color of #9ba7aa.

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

CSS codes

.text {color:#9ba7aa;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0e1011
```
#0e1011 rgb(14,16,17)
```
#171a1b
```
#171a1b rgb(23,26,27)
```
#202526
```
#202526 rgb(32,37,38)
```
#292f30
```
#292f30 rgb(41,47,48)
```
#32393b
```
#32393b rgb(50,57,59)
```
#3b4446
```
#3b4446 rgb(59,68,70)
```
#444e50
```
#444e50 rgb(68,78,80)
```
#4d585b
```
#4d585b rgb(77,88,91)
```
#566265
```
#566265 rgb(86,98,101)
```
#5f6d70
```
#5f6d70 rgb(95,109,112)
```
#68777b
```
#68777b rgb(104,119,123)
```
#718185
```
#718185 rgb(113,129,133)
```

Shade Color Variation

#7b8b8f
```
#7b8b8f rgb(123,139,143)
```
#869498
```
#869498 rgb(134,148,152)
```
#909ea1
```
#909ea1 rgb(144,158,161)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#a6b0b3
```
#a6b0b3 rgb(166,176,179)
```
#b0babc
```
#b0babc rgb(176,186,188)
```
#bbc3c5
```
#bbc3c5 rgb(187,195,197)
```
#c5ccce
```
#c5ccce rgb(197,204,206)
```
#d0d6d7
```
#d0d6d7 rgb(208,214,215)
```
#dbdfe0
```
#dbdfe0 rgb(219,223,224)
```
#e5e8e9
```
#e5e8e9 rgb(229,232,233)
```
#f0f2f2
```
#f0f2f2 rgb(240,242,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#a2a3a3
```
#a2a3a3 rgb(162,163,163)
```
#9ba7aa
```
#9ba7aa rgb(155,167,170)
```
#94abb1
```
#94abb1 rgb(148,171,177)
```
#8db0b8
```
#8db0b8 rgb(141,176,184)
```
#86b4bf
```
#86b4bf rgb(134,180,191)
```
#7fb8c6
```
#7fb8c6 rgb(127,184,198)
```
#77bcce
```
#77bcce rgb(119,188,206)
```
#70c1d5
```
#70c1d5 rgb(112,193,213)
```
#69c5dc
```
#69c5dc rgb(105,197,220)
```
#62c9e3
```
#62c9e3 rgb(98,201,227)
```
#5bcdea
```
#5bcdea rgb(91,205,234)
```
#54d2f1
```
#54d2f1 rgb(84,210,241)
```
#4dd6f8
```
#4dd6f8 rgb(77,214,248)
```

Tone Color Variation

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

Dichromacy

#aba8ac Protanopia 1% of men
#b5a4b0 Deuteranopia 1% of men
#a1aab6 Tritanopia 0.001% of the population

Trichromacy

#a5a8ab Protanomaly 1% of men, 0.01% of women
#aca5ae Deuteranomaly 6% of men, 0.4% of women
#9fa9b1 Tritanomaly 0.01% of the population

#9ba7aa hex color

#9ba7aa Color Information

#9ba7aa Color Conversion

Color Schemes with #9ba7aa

Alternatives to #9ba7aa

#9ba7aa Preview

Shades and Tints of #9ba7aa

Tones of #9ba7aa

Color Blindness Simulator