#9ba4a2 hex color

In a RGB color space, hex #9ba4a2 is composed of 60.8% red, 64.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 1.2% yellow and 35.7% black. It has a hue angle of 166.7 degrees, a saturation of 4.7% and a lightness of 62.5%. #9ba4a2 color hex could be obtained by blending #ffffff with #374945. Closest websafe color is: #999999.

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

● #9ba4a2 color description : Dark grayish cyan.

The hexadecimal color #9ba4a2 has RGB values of R:155, G:164, B:162 and CMYK values of C:0.05, M:0, Y:0.01, K:0.36. Its decimal value is 10200226.

Hex triplet	9ba4a2	`#9ba4a2`
RGB Decimal	155, 164, 162	`rgb(155,164,162)`
RGB Percent	60.8, 64.3, 63.5	`rgb(60.8%,64.3%,63.5%)`
CMYK	5, 0, 1, 36
HSL	166.7°, 4.7, 62.5	`hsl(166.7,4.7%,62.5%)`
HSV (or HSB)	166.7°, 5.5, 64.3
Web Safe	999999	`#999999`

CIE-LAB	66.618, -3.58, -0.074
XYZ	33.313, 36.128, 39.399
xyY	0.306, 0.332, 36.128
CIE-LCH	66.618, 3.58, 181.19
CIE-LUV	66.618, -4.914, 0.491
Hunter-Lab	60.106, -6.255, 3.211
Binary	10011011, 10100100, 10100010

#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#a49b9d
```
#a49b9d rgb(164,155,157)
```

Complementary Color

#9ba49e
```
#9ba49e rgb(155,164,158)
```
#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#9ba2a4
```
#9ba2a4 rgb(155,162,164)
```

Analogous Color

#a49e9b
```
#a49e9b rgb(164,158,155)
```
#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#a49ba2
```
#a49ba2 rgb(164,155,162)
```

Split Complementary Color

#a4a29b
```
#a4a29b rgb(164,162,155)
```
#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#a29ba4
```
#a29ba4 rgb(162,155,164)
```

Triadic Color

#9da49b
```
#9da49b rgb(157,164,155)
```
#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#a29ba4
```
#a29ba4 rgb(162,155,164)
```
#a49b9d
```
#a49b9d rgb(164,155,157)
```

Tetradic Color

#747f7c
```
#747f7c rgb(116,127,124)
```
#808c89
```
#808c89 rgb(128,140,137)
```
#8e9896
```
#8e9896 rgb(142,152,150)
```
#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#a8b0ae
```
#a8b0ae rgb(168,176,174)
```
#b6bcbb
```
#b6bcbb rgb(182,188,187)
```
#c3c8c7
```
#c3c8c7 rgb(195,200,199)
```

Monochromatic Color

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

#9ba4a0
```
#9ba4a0 rgb(155,164,160)
```
#9ba4a1
```
#9ba4a1 rgb(155,164,161)
```
#9ba4a1
```
#9ba4a1 rgb(155,164,161)
```
#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#9ba4a3
```
#9ba4a3 rgb(155,164,163)
```
#9ba4a4
```
#9ba4a4 rgb(155,164,164)
```
#9ba4a4
```
#9ba4a4 rgb(155,164,164)
```

Similar Colors

Text with hexadecimal color #9ba4a2

This text has a font color of #9ba4a2.

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

#9ba4a2 background color

This paragraph has a background color of #9ba4a2.

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

#9ba4a2 border color

This element has a border color of #9ba4a2.

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

CSS codes

.text {color:#9ba4a2;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0c0d0d
```
#0c0d0d rgb(12,13,13)
```
#151717
```
#151717 rgb(21,23,23)
```
#1e2221
```
#1e2221 rgb(30,34,33)
```
#282c2b
```
#282c2b rgb(40,44,43)
```
#313635
```
#313635 rgb(49,54,53)
```
#3b403f
```
#3b403f rgb(59,64,63)
```
#444b49
```
#444b49 rgb(68,75,73)
```
#4d5553
```
#4d5553 rgb(77,85,83)
```
#575f5d
```
#575f5d rgb(87,95,93)
```
#606967
```
#606967 rgb(96,105,103)
```
#697471
```
#697471 rgb(105,116,113)
```
#737e7b
```
#737e7b rgb(115,126,123)
```

Shade Color Variation

#7c8885
```
#7c8885 rgb(124,136,133)
```
#86918f
```
#86918f rgb(134,145,143)
```
#919b98
```
#919b98 rgb(145,155,152)
```
#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#a5adac
```
#a5adac rgb(165,173,172)
```
#b0b7b5
```
#b0b7b5 rgb(176,183,181)
```
#bac0bf
```
#bac0bf rgb(186,192,191)
```
#c4c9c8
```
#c4c9c8 rgb(196,201,200)
```
#ced3d2
```
#ced3d2 rgb(206,211,210)
```
#d9dcdb
```
#d9dcdb rgb(217,220,219)
```
#e3e5e5
```
#e3e5e5 rgb(227,229,229)
```
#edefee
```
#edefee rgb(237,239,238)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

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

#9ba4a2
```
#9ba4a2 rgb(155,164,162)
```
#94aba6
```
#94aba6 rgb(148,171,166)
```
#8cb3aa
```
#8cb3aa rgb(140,179,170)
```
#85baae
```
#85baae rgb(133,186,174)
```
#7ec1b2
```
#7ec1b2 rgb(126,193,178)
```
#76c9b6
```
#76c9b6 rgb(118,201,182)
```
#6fd0ba
```
#6fd0ba rgb(111,208,186)
```
#68d7bf
```
#68d7bf rgb(104,215,191)
```
#60dfc3
```
#60dfc3 rgb(96,223,195)
```
#59e6c7
```
#59e6c7 rgb(89,230,199)
```
#52edcb
```
#52edcb rgb(82,237,203)
```
#4af5cf
```
#4af5cf rgb(74,245,207)
```
#43fcd3
```
#43fcd3 rgb(67,252,211)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a0a2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a6a5 Protanopia 1% of men
#b5a2a9 Deuteranopia 1% of men
#a2a6b2 Tritanopia 0.001% of the population

Trichromacy

#a4a5a4 Protanomaly 1% of men, 0.01% of women
#aba2a6 Deuteranomaly 6% of men, 0.4% of women
#9fa5ac Tritanomaly 0.01% of the population

#9ba4a2 hex color

#9ba4a2 Color Information

#9ba4a2 Color Conversion

Color Schemes with #9ba4a2

Alternatives to #9ba4a2

#9ba4a2 Preview

Shades and Tints of #9ba4a2

Tones of #9ba4a2

Color Blindness Simulator