#9aa2a6 hex color

In a RGB color space, hex #9aa2a6 is composed of 60.4% red, 63.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 2.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 200 degrees, a saturation of 6.3% and a lightness of 62.7%. #9aa2a6 color hex could be obtained by blending #ffffff with #35454d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 60
- G 64
- B 65
RGB color chart
- C 7
- M 2
- Y 0
- K 35
CMYK color chart

● #9aa2a6 color description : Dark grayish blue.

The hexadecimal color #9aa2a6 has RGB values of R:154, G:162, B:166 and CMYK values of C:0.07, M:0.02, Y:0, K:0.35. Its decimal value is 10134182.

Hex triplet	9aa2a6	`#9aa2a6`
RGB Decimal	154, 162, 166	`rgb(154,162,166)`
RGB Percent	60.4, 63.5, 65.1	`rgb(60.4%,63.5%,65.1%)`
CMYK	7, 2, 0, 35
HSL	200°, 6.3, 62.7	`hsl(200,6.3%,62.7%)`
HSV (or HSB)	200°, 7.2, 65.1
Web Safe	999999	`#999999`

CIE-LAB	66.108, -2.037, -3.062
XYZ	33.128, 35.464, 41.174
xyY	0.302, 0.323, 35.464
CIE-LCH	66.108, 3.678, 236.364
CIE-LUV	66.108, -4.643, -4.151
Hunter-Lab	59.551, -4.915, 0.692
Binary	10011010, 10100010, 10100110

#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#a69e9a
```
#a69e9a rgb(166,158,154)
```

Complementary Color

#9aa6a4
```
#9aa6a4 rgb(154,166,164)
```
#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#9a9ca6
```
#9a9ca6 rgb(154,156,166)
```

Analogous Color

#a6a49a
```
#a6a49a rgb(166,164,154)
```
#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#a69a9c
```
#a69a9c rgb(166,154,156)
```

Split Complementary Color

#a2a69a
```
#a2a69a rgb(162,166,154)
```
#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#a69aa2
```
#a69aa2 rgb(166,154,162)
```

Triadic Color

#9aa69e
```
#9aa69e rgb(154,166,158)
```
#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#a69aa2
```
#a69aa2 rgb(166,154,162)
```
#a69e9a
```
#a69e9a rgb(166,158,154)
```

Tetradic Color

#727c81
```
#727c81 rgb(114,124,129)
```
#7f898e
```
#7f898e rgb(127,137,142)
```
#8c969a
```
#8c969a rgb(140,150,154)
```
#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#a8aeb2
```
#a8aeb2 rgb(168,174,178)
```
#b5bbbe
```
#b5bbbe rgb(181,187,190)
```
#c3c7ca
```
#c3c7ca rgb(195,199,202)
```

Monochromatic Color

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

#9aa5a6
```
#9aa5a6 rgb(154,165,166)
```
#9aa4a6
```
#9aa4a6 rgb(154,164,166)
```
#9aa3a6
```
#9aa3a6 rgb(154,163,166)
```
#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#9aa1a6
```
#9aa1a6 rgb(154,161,166)
```
#9aa0a6
```
#9aa0a6 rgb(154,160,166)
```
#9a9fa6
```
#9a9fa6 rgb(154,159,166)
```

Similar Colors

Text with hexadecimal color #9aa2a6

This text has a font color of #9aa2a6.

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

#9aa2a6 background color

This paragraph has a background color of #9aa2a6.

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

#9aa2a6 border color

This element has a border color of #9aa2a6.

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

CSS codes

.text {color:#9aa2a6;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0c0d0e
```
#0c0d0e rgb(12,13,14)
```
#151718
```
#151718 rgb(21,23,24)
```
#1e2123
```
#1e2123 rgb(30,33,35)
```
#282b2d
```
#282b2d rgb(40,43,45)
```
#313537
```
#313537 rgb(49,53,55)
```
#3a3f42
```
#3a3f42 rgb(58,63,66)
```
#43494c
```
#43494c rgb(67,73,76)
```
#4c5357
```
#4c5357 rgb(76,83,87)
```
#565d61
```
#565d61 rgb(86,93,97)
```
#5f676c
```
#5f676c rgb(95,103,108)
```
#687176
```
#687176 rgb(104,113,118)
```
#717b80
```
#717b80 rgb(113,123,128)
```

Shade Color Variation

#7b858a
```
#7b858a rgb(123,133,138)
```
#858f94
```
#858f94 rgb(133,143,148)
```
#90989d
```
#90989d rgb(144,152,157)
```
#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#a4acaf
```
#a4acaf rgb(164,172,175)
```
#afb5b8
```
#afb5b8 rgb(175,181,184)
```
#b9bfc2
```
#b9bfc2 rgb(185,191,194)
```
#c4c8cb
```
#c4c8cb rgb(196,200,203)
```
#ced2d4
```
#ced2d4 rgb(206,210,212)
```
#d9dcdd
```
#d9dcdd rgb(217,220,221)
```
#e3e5e6
```
#e3e5e6 rgb(227,229,230)
```
#edeff0
```
#edeff0 rgb(237,239,240)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#9aa2a6
```
#9aa2a6 rgb(154,162,166)
```
#93a4ad
```
#93a4ad rgb(147,164,173)
```
#8ba7b5
```
#8ba7b5 rgb(139,167,181)
```
#84a9bc
```
#84a9bc rgb(132,169,188)
```
#7dacc3
```
#7dacc3 rgb(125,172,195)
```
#75aecb
```
#75aecb rgb(117,174,203)
```
#6eb1d2
```
#6eb1d2 rgb(110,177,210)
```
#67b3d9
```
#67b3d9 rgb(103,179,217)
```
#60b5e0
```
#60b5e0 rgb(96,181,224)
```
#58b8e8
```
#58b8e8 rgb(88,184,232)
```
#51baef
```
#51baef rgb(81,186,239)
```
#4abdf6
```
#4abdf6 rgb(74,189,246)
```
#42bffe
```
#42bffe rgb(66,191,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9fa0a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a4a9 Protanopia 1% of men
#b1a0ac Deuteranopia 1% of men
#a0a5b1 Tritanopia 0.001% of the population

Trichromacy

#a2a3a8 Protanomaly 1% of men, 0.01% of women
#a8a1aa Deuteranomaly 6% of men, 0.4% of women
#9ea4ad Tritanomaly 0.01% of the population

#9aa2a6 hex color

#9aa2a6 Color Information

#9aa2a6 Color Conversion

Color Schemes with #9aa2a6

Alternatives to #9aa2a6

#9aa2a6 Preview

Shades and Tints of #9aa2a6

Tones of #9aa2a6

Color Blindness Simulator