#9aa8bc hex color

In a RGB color space, hex #9aa8bc is composed of 60.4% red, 65.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 10.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 215.3 degrees, a saturation of 20.2% and a lightness of 67.1%. #9aa8bc color hex could be obtained by blending #ffffff with #355179. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 66
- B 74
RGB color chart
- C 18
- M 11
- Y 0
- K 26
CMYK color chart

● #9aa8bc color description : Grayish blue.

The hexadecimal color #9aa8bc has RGB values of R:154, G:168, B:188 and CMYK values of C:0.18, M:0.11, Y:0, K:0.26. Its decimal value is 10135740.

Hex triplet	9aa8bc	`#9aa8bc`
RGB Decimal	154, 168, 188	`rgb(154,168,188)`
RGB Percent	60.4, 65.9, 73.7	`rgb(60.4%,65.9%,73.7%)`
CMYK	18, 11, 0, 26
HSL	215.3°, 20.2, 67.1	`hsl(215.3,20.2%,67.1%)`
HSV (or HSB)	215.3°, 18.1, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.392, -0.644, -11.911
XYZ	36.404, 38.506, 53.089
xyY	0.284, 0.301, 38.506
CIE-LCH	68.392, 11.929, 266.904
CIE-LUV	68.392, -8.466, -17.928
Hunter-Lab	62.053, -3.873, -7.288
Binary	10011010, 10101000, 10111100

#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#bcae9a
```
#bcae9a rgb(188,174,154)
```

Complementary Color

#9ab9bc
```
#9ab9bc rgb(154,185,188)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#9d9abc
```
#9d9abc rgb(157,154,188)
```

Analogous Color

#b9bc9a
```
#b9bc9a rgb(185,188,154)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#bc9d9a
```
#bc9d9a rgb(188,157,154)
```

Split Complementary Color

#a8bc9a
```
#a8bc9a rgb(168,188,154)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#bc9aa8
```
#bc9aa8 rgb(188,154,168)
```

Triadic Color

#9abcae
```
#9abcae rgb(154,188,174)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#bc9aa8
```
#bc9aa8 rgb(188,154,168)
```
#bcae9a
```
#bcae9a rgb(188,174,154)
```

Tetradic Color

#6c809d
```
#6c809d rgb(108,128,157)
```
#7b8ea8
```
#7b8ea8 rgb(123,142,168)
```
#8b9bb2
```
#8b9bb2 rgb(139,155,178)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#a9b5c6
```
#a9b5c6 rgb(169,181,198)
```
#b9c2d0
```
#b9c2d0 rgb(185,194,208)
```
#c8d0db
```
#c8d0db rgb(200,208,219)
```

Monochromatic Color

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

#9ab1bc
```
#9ab1bc rgb(154,177,188)
```
#9aaebc
```
#9aaebc rgb(154,174,188)
```
#9aabbc
```
#9aabbc rgb(154,171,188)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#9aa5bc
```
#9aa5bc rgb(154,165,188)
```
#9aa2bc
```
#9aa2bc rgb(154,162,188)
```
#9aa0bc
```
#9aa0bc rgb(154,160,188)
```

Similar Colors

Text with hexadecimal color #9aa8bc

This text has a font color of #9aa8bc.

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

#9aa8bc background color

This paragraph has a background color of #9aa8bc.

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

#9aa8bc border color

This element has a border color of #9aa8bc.

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

CSS codes

.text {color:#9aa8bc;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0e11
```
#0b0e11 rgb(11,14,17)
```
#13171d
```
#13171d rgb(19,23,29)
```
#1b2029
```
#1b2029 rgb(27,32,41)
```
#232a34
```
#232a34 rgb(35,42,52)
```
#2b3340
```
#2b3340 rgb(43,51,64)
```
#323d4c
```
#323d4c rgb(50,61,76)
```
#3a4658
```
#3a4658 rgb(58,70,88)
```
#425063
```
#425063 rgb(66,80,99)
```
#4a596f
```
#4a596f rgb(74,89,111)
```
#52637b
```
#52637b rgb(82,99,123)
```
#596c87
```
#596c87 rgb(89,108,135)
```
#617693
```
#617693 rgb(97,118,147)
```

Shade Color Variation

#6b7f9d
```
#6b7f9d rgb(107,127,157)
```
#778aa5
```
#778aa5 rgb(119,138,165)
```
#8294ac
```
#8294ac rgb(130,148,172)
```
#8e9eb4
```
#8e9eb4 rgb(142,158,180)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#a6b2c4
```
#a6b2c4 rgb(166,178,196)
```
#b2bccc
```
#b2bccc rgb(178,188,204)
```
#bdc6d3
```
#bdc6d3 rgb(189,198,211)
```
#c9d1db
```
#c9d1db rgb(201,209,219)
```
#d5dbe3
```
#d5dbe3 rgb(213,219,227)
```
#e1e5eb
```
#e1e5eb rgb(225,229,235)
```
#edeff3
```
#edeff3 rgb(237,239,243)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#a7aaaf
```
#a7aaaf rgb(167,170,175)
```
#a0a9b6
```
#a0a9b6 rgb(160,169,182)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#94a7c2
```
#94a7c2 rgb(148,167,194)
```
#8da6c9
```
#8da6c9 rgb(141,166,201)
```
#87a5cf
```
#87a5cf rgb(135,165,207)
```
#80a3d6
```
#80a3d6 rgb(128,163,214)
```
#7aa2dc
```
#7aa2dc rgb(122,162,220)
```
#73a1e3
```
#73a1e3 rgb(115,161,227)
```
#6da0e9
```
#6da0e9 rgb(109,160,233)
```
#669ff0
```
#669ff0 rgb(102,159,240)
```
#609ef6
```
#609ef6 rgb(96,158,246)
```
#599dfd
```
#599dfd rgb(89,157,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a4a6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8aabe Protanopia 1% of men
#b0a7c1 Deuteranopia 1% of men
#9eadb9 Tritanopia 0.001% of the population

Trichromacy

#a3a9bd Protanomaly 1% of men, 0.01% of women
#a8a7bf Deuteranomaly 6% of men, 0.4% of women
#9cabba Tritanomaly 0.01% of the population

#9aa8bc hex color

#9aa8bc Color Information

#9aa8bc Color Conversion

Color Schemes with #9aa8bc

Alternatives to #9aa8bc

#9aa8bc Preview

Shades and Tints of #9aa8bc

Tones of #9aa8bc

Color Blindness Simulator