#9ba4ad hex color

In a RGB color space, hex #9ba4ad is composed of 60.8% red, 64.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 5.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 210 degrees, a saturation of 9.9% and a lightness of 64.3%. #9ba4ad color hex could be obtained by blending #ffffff with #37495b. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 64
- B 68
RGB color chart
- C 10
- M 5
- Y 0
- K 32
CMYK color chart

● #9ba4ad color description : Dark grayish blue.

The hexadecimal color #9ba4ad has RGB values of R:155, G:164, B:173 and CMYK values of C:0.1, M:0.05, Y:0, K:0.32. Its decimal value is 10200237.

Hex triplet	9ba4ad	`#9ba4ad`
RGB Decimal	155, 164, 173	`rgb(155,164,173)`
RGB Percent	60.8, 64.3, 67.8	`rgb(60.8%,64.3%,67.8%)`
CMYK	10, 5, 0, 32
HSL	210°, 9.9, 64.3	`hsl(210,9.9%,64.3%)`
HSV (or HSB)	210°, 10.4, 67.8
Web Safe	999999	`#999999`

CIE-LAB	66.928, -1.351, -5.749
XYZ	34.334, 36.536, 44.776
xyY	0.297, 0.316, 36.536
CIE-LCH	66.928, 5.906, 256.775
CIE-LUV	66.928, -5.409, -8.296
Hunter-Lab	60.445, -4.387, -1.609
Binary	10011011, 10100100, 10101101

#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#ada49b
```
#ada49b rgb(173,164,155)
```

Complementary Color

#9badad
```
#9badad rgb(155,173,173)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#9b9bad
```
#9b9bad rgb(155,155,173)
```

Analogous Color

#adad9b
```
#adad9b rgb(173,173,155)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#ad9b9b
```
#ad9b9b rgb(173,155,155)
```

Split Complementary Color

#a4ad9b
```
#a4ad9b rgb(164,173,155)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#ad9ba4
```
#ad9ba4 rgb(173,155,164)
```

Triadic Color

#9bada4
```
#9bada4 rgb(155,173,164)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#ad9ba4
```
#ad9ba4 rgb(173,155,164)
```
#ada49b
```
#ada49b rgb(173,164,155)
```

Tetradic Color

#717e8a
```
#717e8a rgb(113,126,138)
```
#7f8b96
```
#7f8b96 rgb(127,139,150)
```
#8d97a2
```
#8d97a2 rgb(141,151,162)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#a9b1b8
```
#a9b1b8 rgb(169,177,184)
```
#b7bec4
```
#b7bec4 rgb(183,190,196)
```
#c5cacf
```
#c5cacf rgb(197,202,207)
```

Monochromatic Color

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

#9ba9ad
```
#9ba9ad rgb(155,169,173)
```
#9ba7ad
```
#9ba7ad rgb(155,167,173)
```
#9ba6ad
```
#9ba6ad rgb(155,166,173)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#9ba3ad
```
#9ba3ad rgb(155,163,173)
```
#9ba1ad
```
#9ba1ad rgb(155,161,173)
```
#9ba0ad
```
#9ba0ad rgb(155,160,173)
```

Similar Colors

Text with hexadecimal color #9ba4ad

This text has a font color of #9ba4ad.

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

#9ba4ad background color

This paragraph has a background color of #9ba4ad.

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

#9ba4ad border color

This element has a border color of #9ba4ad.

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

CSS codes

.text {color:#9ba4ad;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0f1113
```
#0f1113 rgb(15,17,19)
```
#181b1d
```
#181b1d rgb(24,27,29)
```
#212528
```
#212528 rgb(33,37,40)
```
#2a2e33
```
#2a2e33 rgb(42,46,51)
```
#33383e
```
#33383e rgb(51,56,62)
```
#3b4248
```
#3b4248 rgb(59,66,72)
```
#444c53
```
#444c53 rgb(68,76,83)
```
#4d565e
```
#4d565e rgb(77,86,94)
```
#565f69
```
#565f69 rgb(86,95,105)
```
#5f6974
```
#5f6974 rgb(95,105,116)
```
#68737e
```
#68737e rgb(104,115,126)
```
#707d89
```
#707d89 rgb(112,125,137)
```

Shade Color Variation

#7b8792
```
#7b8792 rgb(123,135,146)
```
#85909b
```
#85909b rgb(133,144,155)
```
#909aa4
```
#909aa4 rgb(144,154,164)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#a6aeb6
```
#a6aeb6 rgb(166,174,182)
```
#b1b8bf
```
#b1b8bf rgb(177,184,191)
```
#bbc1c8
```
#bbc1c8 rgb(187,193,200)
```
#c6cbd0
```
#c6cbd0 rgb(198,203,208)
```
#d1d5d9
```
#d1d5d9 rgb(209,213,217)
```
#dcdfe2
```
#dcdfe2 rgb(220,223,226)
```
#e6e9eb
```
#e6e9eb rgb(230,233,235)
```
#f1f2f4
```
#f1f2f4 rgb(241,242,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#a2a4a6
```
#a2a4a6 rgb(162,164,166)
```
#9ba4ad
```
#9ba4ad rgb(155,164,173)
```
#94a4b4
```
#94a4b4 rgb(148,164,180)
```
#8da4bb
```
#8da4bb rgb(141,164,187)
```
#86a4c2
```
#86a4c2 rgb(134,164,194)
```
#7fa4c9
```
#7fa4c9 rgb(127,164,201)
```
#78a4d0
```
#78a4d0 rgb(120,164,208)
```
#71a4d7
```
#71a4d7 rgb(113,164,215)
```
#6aa4de
```
#6aa4de rgb(106,164,222)
```
#63a4e5
```
#63a4e5 rgb(99,164,229)
```
#5ca4ec
```
#5ca4ec rgb(92,164,236)
```
#55a4f3
```
#55a4f3 rgb(85,164,243)
```
#4ea4fa
```
#4ea4fa rgb(78,164,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a1a2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6b0 Protanopia 1% of men
#b1a3b3 Deuteranopia 1% of men
#a0a8b4 Tritanopia 0.001% of the population

Trichromacy

#a3a5ae Protanomaly 1% of men, 0.01% of women
#a9a3b0 Deuteranomaly 6% of men, 0.4% of women
#9ea6b1 Tritanomaly 0.01% of the population

#9ba4ad hex color

#9ba4ad Color Information

#9ba4ad Color Conversion

Color Schemes with #9ba4ad

Alternatives to #9ba4ad

#9ba4ad Preview

Shades and Tints of #9ba4ad

Tones of #9ba4ad

Color Blindness Simulator