#9aa5b2 hex color

In a RGB color space, hex #9aa5b2 is composed of 60.4% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 212.5 degrees, a saturation of 13.5% and a lightness of 65.1%. #9aa5b2 color hex could be obtained by blending #ffffff with #354b65. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 60
- G 65
- B 70
RGB color chart
- C 13
- M 7
- Y 0
- K 30
CMYK color chart

● #9aa5b2 color description : Dark grayish blue.

The hexadecimal color #9aa5b2 has RGB values of R:154, G:165, B:178 and CMYK values of C:0.13, M:0.07, Y:0, K:0.3. Its decimal value is 10134962.

Hex triplet	9aa5b2	`#9aa5b2`
RGB Decimal	154, 165, 178	`rgb(154,165,178)`
RGB Percent	60.4, 64.7, 69.8	`rgb(60.4%,64.7%,69.8%)`
CMYK	13, 7, 0, 30
HSL	212.5°, 13.5, 65.1	`hsl(212.5,13.5%,65.1%)`
HSV (or HSB)	212.5°, 13.5, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.273, -1.181, -8.029
XYZ	34.816, 36.994, 47.423
xyY	0.292, 0.31, 36.994
CIE-LCH	67.273, 8.116, 261.629
CIE-LUV	67.273, -6.637, -11.797
Hunter-Lab	60.823, -4.264, -3.652
Binary	10011010, 10100101, 10110010

#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#b2a79a
```
#b2a79a rgb(178,167,154)
```

Complementary Color

#9ab1b2
```
#9ab1b2 rgb(154,177,178)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#9b9ab2
```
#9b9ab2 rgb(155,154,178)
```

Analogous Color

#b1b29a
```
#b1b29a rgb(177,178,154)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#b29b9a
```
#b29b9a rgb(178,155,154)
```

Split Complementary Color

#a5b29a
```
#a5b29a rgb(165,178,154)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#b29aa5
```
#b29aa5 rgb(178,154,165)
```

Triadic Color

#9ab2a7
```
#9ab2a7 rgb(154,178,167)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#b29aa5
```
#b29aa5 rgb(178,154,165)
```
#b2a79a
```
#b2a79a rgb(178,167,154)
```

Tetradic Color

#6f7e91
```
#6f7e91 rgb(111,126,145)
```
#7d8b9c
```
#7d8b9c rgb(125,139,156)
```
#8c98a7
```
#8c98a7 rgb(140,152,167)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#a8b2bd
```
#a8b2bd rgb(168,178,189)
```
#b7bfc8
```
#b7bfc8 rgb(183,191,200)
```
#c5ccd3
```
#c5ccd3 rgb(197,204,211)
```

Monochromatic Color

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

#9aabb2
```
#9aabb2 rgb(154,171,178)
```
#9aa9b2
```
#9aa9b2 rgb(154,169,178)
```
#9aa7b2
```
#9aa7b2 rgb(154,167,178)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#9aa3b2
```
#9aa3b2 rgb(154,163,178)
```
#9aa1b2
```
#9aa1b2 rgb(154,161,178)
```
#9a9fb2
```
#9a9fb2 rgb(154,159,178)
```

Similar Colors

Text with hexadecimal color #9aa5b2

This text has a font color of #9aa5b2.

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

#9aa5b2 background color

This paragraph has a background color of #9aa5b2.

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

#9aa5b2 border color

This element has a border color of #9aa5b2.

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

CSS codes

.text {color:#9aa5b2;}

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

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

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, #08090a is the darkest color, while #fefefe is the lightest one.

#08090a
```
#08090a rgb(8,9,10)
```
#101315
```
#101315 rgb(16,19,21)
```
#191c21
```
#191c21 rgb(25,28,33)
```
#21262c
```
#21262c rgb(33,38,44)
```
#2a3037
```
#2a3037 rgb(42,48,55)
```
#323942
```
#323942 rgb(50,57,66)
```
#3b434d
```
#3b434d rgb(59,67,77)
```
#434d58
```
#434d58 rgb(67,77,88)
```
#4c5763
```
#4c5763 rgb(76,87,99)
```
#54606e
```
#54606e rgb(84,96,110)
```
#5d6a7a
```
#5d6a7a rgb(93,106,122)
```
#657485
```
#657485 rgb(101,116,133)
```
#6e7d90
```
#6e7d90 rgb(110,125,144)
```

Shade Color Variation

#798799
```
#798799 rgb(121,135,153)
```
#8491a1
```
#8491a1 rgb(132,145,161)
```
#8f9baa
```
#8f9baa rgb(143,155,170)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#a5afba
```
#a5afba rgb(165,175,186)
```
#b0b9c3
```
#b0b9c3 rgb(176,185,195)
```
#bbc3cb
```
#bbc3cb rgb(187,195,203)
```
#c7cdd4
```
#c7cdd4 rgb(199,205,212)
```
#d2d7dc
```
#d2d7dc rgb(210,215,220)
```
#dde1e5
```
#dde1e5 rgb(221,225,229)
```
#e8eaed
```
#e8eaed rgb(232,234,237)
```
#f3f4f6
```
#f3f4f6 rgb(243,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a1a6ab
```
#a1a6ab rgb(161,166,171)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#93a4b9
```
#93a4b9 rgb(147,164,185)
```
#8ca4c0
```
#8ca4c0 rgb(140,164,192)
```
#85a3c7
```
#85a3c7 rgb(133,163,199)
```
#7fa3cd
```
#7fa3cd rgb(127,163,205)
```
#78a2d4
```
#78a2d4 rgb(120,162,212)
```
#71a2db
```
#71a2db rgb(113,162,219)
```
#6aa1e2
```
#6aa1e2 rgb(106,161,226)
```
#63a0e9
```
#63a0e9 rgb(99,160,233)
```
#5ca0f0
```
#5ca0f0 rgb(92,160,240)
```
#569ff6
```
#569ff6 rgb(86,159,246)
```
#4f9ffd
```
#4f9ffd rgb(79,159,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a1a3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a7b4 Protanopia 1% of men
#b0a4b7 Deuteranopia 1% of men
#9fa9b5 Tritanopia 0.001% of the population

Trichromacy

#a2a6b3 Protanomaly 1% of men, 0.01% of women
#a8a4b5 Deuteranomaly 6% of men, 0.4% of women
#9da7b4 Tritanomaly 0.01% of the population

#9aa5b2 hex color

#9aa5b2 Color Information

#9aa5b2 Color Conversion

Color Schemes with #9aa5b2

Alternatives to #9aa5b2

#9aa5b2 Preview

Shades and Tints of #9aa5b2

Tones of #9aa5b2

Color Blindness Simulator