#9ba7a8 hex color

In a RGB color space, hex #9ba7a8 is composed of 60.8% red, 65.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 184.6 degrees, a saturation of 7% and a lightness of 63.3%. #9ba7a8 color hex could be obtained by blending #ffffff with #374f51. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 65
- B 66
RGB color chart
- C 8
- M 1
- Y 0
- K 34
CMYK color chart

● #9ba7a8 color description : Dark grayish cyan.

The hexadecimal color #9ba7a8 has RGB values of R:155, G:167, B:168 and CMYK values of C:0.08, M:0.01, Y:0, K:0.34. Its decimal value is 10201000.

Hex triplet	9ba7a8	`#9ba7a8`
RGB Decimal	155, 167, 168	`rgb(155,167,168)`
RGB Percent	60.8, 65.5, 65.9	`rgb(60.8%,65.5%,65.9%)`
CMYK	8, 1, 0, 34
HSL	184.6°, 7, 63.3	`hsl(184.6,7%,63.3%)`
HSV (or HSB)	184.6°, 7.7, 65.9
Web Safe	999999	`#999999`

CIE-LAB	67.6, -4.015, -1.975
XYZ	34.403, 37.433, 42.456
xyY	0.301, 0.328, 37.433
CIE-LCH	67.6, 4.474, 206.194
CIE-LUV	67.6, -6.658, -2.23
Hunter-Lab	61.182, -6.699, 1.684
Binary	10011011, 10100111, 10101000

#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#a89c9b
```
#a89c9b rgb(168,156,155)
```

Complementary Color

#9ba8a3
```
#9ba8a3 rgb(155,168,163)
```
#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#9ba1a8
```
#9ba1a8 rgb(155,161,168)
```

Analogous Color

#a8a39b
```
#a8a39b rgb(168,163,155)
```
#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#a89ba1
```
#a89ba1 rgb(168,155,161)
```

Split Complementary Color

#a7a89b
```
#a7a89b rgb(167,168,155)
```
#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#a89ba7
```
#a89ba7 rgb(168,155,167)
```

Triadic Color

#9ba89c
```
#9ba89c rgb(155,168,156)
```
#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#a89ba7
```
#a89ba7 rgb(168,155,167)
```
#a89c9b
```
#a89c9b rgb(168,156,155)
```

Tetradic Color

#738384
```
#738384 rgb(115,131,132)
```
#808f90
```
#808f90 rgb(128,143,144)
```
#8d9b9c
```
#8d9b9c rgb(141,155,156)
```
#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#a9b3b4
```
#a9b3b4 rgb(169,179,180)
```
#b6bfc0
```
#b6bfc0 rgb(182,191,192)
```
#c4cbcc
```
#c4cbcc rgb(196,203,204)
```

Monochromatic Color

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

#9ba8a6
```
#9ba8a6 rgb(155,168,166)
```
#9ba8a7
```
#9ba8a7 rgb(155,168,167)
```
#9ba8a8
```
#9ba8a8 rgb(155,168,168)
```
#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#9ba6a8
```
#9ba6a8 rgb(155,166,168)
```
#9ba5a8
```
#9ba5a8 rgb(155,165,168)
```
#9ba4a8
```
#9ba4a8 rgb(155,164,168)
```

Similar Colors

Text with hexadecimal color #9ba7a8

This text has a font color of #9ba7a8.

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

#9ba7a8 background color

This paragraph has a background color of #9ba7a8.

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

#9ba7a8 border color

This element has a border color of #9ba7a8.

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

CSS codes

.text {color:#9ba7a8;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0d0f0f
```
#0d0f0f rgb(13,15,15)
```
#171a1a
```
#171a1a rgb(23,26,26)
```
#202424
```
#202424 rgb(32,36,36)
```
#292e2f
```
#292e2f rgb(41,46,47)
```
#323939
```
#323939 rgb(50,57,57)
```
#3b4344
```
#3b4344 rgb(59,67,68)
```
#444e4e
```
#444e4e rgb(68,78,78)
```
#4d5859
```
#4d5859 rgb(77,88,89)
```
#566263
```
#566263 rgb(86,98,99)
```
#606d6e
```
#606d6e rgb(96,109,110)
```
#697778
```
#697778 rgb(105,119,120)
```
#728183
```
#728183 rgb(114,129,131)
```

Shade Color Variation

#7c8b8d
```
#7c8b8d rgb(124,139,141)
```
#869596
```
#869596 rgb(134,149,150)
```
#919e9f
```
#919e9f rgb(145,158,159)
```
#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#a5b0b1
```
#a5b0b1 rgb(165,176,177)
```
#b0b9ba
```
#b0b9ba rgb(176,185,186)
```
#bac3c3
```
#bac3c3 rgb(186,195,195)
```
#c5cccd
```
#c5cccd rgb(197,204,205)
```
#cfd5d6
```
#cfd5d6 rgb(207,213,214)
```
#dadedf
```
#dadedf rgb(218,222,223)
```
#e4e8e8
```
#e4e8e8 rgb(228,232,232)
```
#eff1f1
```
#eff1f1 rgb(239,241,241)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba7a8 is the less saturated color, while #45f0fe is the most saturated one.

#9ba7a8
```
#9ba7a8 rgb(155,167,168)
```
#94adaf
```
#94adaf rgb(148,173,175)
```
#8db3b6
```
#8db3b6 rgb(141,179,182)
```
#85b9be
```
#85b9be rgb(133,185,190)
```
#7ebfc5
```
#7ebfc5 rgb(126,191,197)
```
#77c5cc
```
#77c5cc rgb(119,197,204)
```
#70ccd3
```
#70ccd3 rgb(112,204,211)
```
#69d2da
```
#69d2da rgb(105,210,218)
```
#61d8e2
```
#61d8e2 rgb(97,216,226)
```
#5adee9
```
#5adee9 rgb(90,222,233)
```
#53e4f0
```
#53e4f0 rgb(83,228,240)
```
#4ceaf7
```
#4ceaf7 rgb(76,234,247)
```
#45f0fe
```
#45f0fe rgb(69,240,254)
```

Tone Color Variation

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

#aba8aa Protanopia 1% of men
#b6a4ae Deuteranopia 1% of men
#a2aab6 Tritanopia 0.001% of the population

Trichromacy

#a5a7a9 Protanomaly 1% of men, 0.01% of women
#aca5ac Deuteranomaly 6% of men, 0.4% of women
#9fa8b1 Tritanomaly 0.01% of the population

#9ba7a8 hex color

#9ba7a8 Color Information

#9ba7a8 Color Conversion

Color Schemes with #9ba7a8

Alternatives to #9ba7a8

#9ba7a8 Preview

Shades and Tints of #9ba7a8

Tones of #9ba7a8

Color Blindness Simulator