#9aacc2 hex color

In a RGB color space, hex #9aacc2 is composed of 60.4% red, 67.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 11.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 213 degrees, a saturation of 24.7% and a lightness of 68.2%. #9aacc2 color hex could be obtained by blending #ffffff with #355985. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 67
- B 76
RGB color chart
- C 21
- M 11
- Y 0
- K 24
CMYK color chart

● #9aacc2 color description : Grayish blue.

The hexadecimal color #9aacc2 has RGB values of R:154, G:172, B:194 and CMYK values of C:0.21, M:0.11, Y:0, K:0.24. Its decimal value is 10136770.

Hex triplet	9aacc2	`#9aacc2`
RGB Decimal	154, 172, 194	`rgb(154,172,194)`
RGB Percent	60.4, 67.5, 76.1	`rgb(60.4%,67.5%,76.1%)`
CMYK	21, 11, 0, 24
HSL	213°, 24.7, 68.2	`hsl(213,24.7%,68.2%)`
HSV (or HSB)	213°, 20.6, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.661, -1.486, -13.324
XYZ	37.815, 40.269, 56.816
xyY	0.28, 0.299, 40.269
CIE-LCH	69.661, 13.407, 263.635
CIE-LUV	69.661, -10.533, -20.075
Hunter-Lab	63.458, -4.684, -8.664
Binary	10011010, 10101100, 11000010

#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#c2b09a
```
#c2b09a rgb(194,176,154)
```

Complementary Color

#9ac0c2
```
#9ac0c2 rgb(154,192,194)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#9c9ac2
```
#9c9ac2 rgb(156,154,194)
```

Analogous Color

#c0c29a
```
#c0c29a rgb(192,194,154)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#c29c9a
```
#c29c9a rgb(194,156,154)
```

Split Complementary Color

#acc29a
```
#acc29a rgb(172,194,154)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#c29aac
```
#c29aac rgb(194,154,172)
```

Triadic Color

#9ac2b0
```
#9ac2b0 rgb(154,194,176)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#c29aac
```
#c29aac rgb(194,154,172)
```
#c2b09a
```
#c2b09a rgb(194,176,154)
```

Tetradic Color

#6a85a5
```
#6a85a5 rgb(106,133,165)
```
#7a92af
```
#7a92af rgb(122,146,175)
```
#8a9fb8
```
#8a9fb8 rgb(138,159,184)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#aab9cc
```
#aab9cc rgb(170,185,204)
```
#bac6d5
```
#bac6d5 rgb(186,198,213)
```
#cad3df
```
#cad3df rgb(202,211,223)
```

Monochromatic Color

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

#9ab6c2
```
#9ab6c2 rgb(154,182,194)
```
#9ab3c2
```
#9ab3c2 rgb(154,179,194)
```
#9aafc2
```
#9aafc2 rgb(154,175,194)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#9aa9c2
```
#9aa9c2 rgb(154,169,194)
```
#9aa5c2
```
#9aa5c2 rgb(154,165,194)
```
#9aa2c2
```
#9aa2c2 rgb(154,162,194)
```

Similar Colors

Text with hexadecimal color #9aacc2

This text has a font color of #9aacc2.

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

#9aacc2 background color

This paragraph has a background color of #9aacc2.

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

#9aacc2 border color

This element has a border color of #9aacc2.

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

CSS codes

.text {color:#9aacc2;}

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

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

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

#050709
```
#050709 rgb(5,7,9)
```
#0d1115
```
#0d1115 rgb(13,17,21)
```
#141a22
```
#141a22 rgb(20,26,34)
```
#1c242e
```
#1c242e rgb(28,36,46)
```
#232d3a
```
#232d3a rgb(35,45,58)
```
#2a3746
```
#2a3746 rgb(42,55,70)
```
#324052
```
#324052 rgb(50,64,82)
```
#394a5f
```
#394a5f rgb(57,74,95)
```
#41546b
```
#41546b rgb(65,84,107)
```
#485d77
```
#485d77 rgb(72,93,119)
```
#4f6783
```
#4f6783 rgb(79,103,131)
```
#577090
```
#577090 rgb(87,112,144)
```
#5e7a9c
```
#5e7a9c rgb(94,122,156)
```

Shade Color Variation

#6984a4
```
#6984a4 rgb(105,132,164)
```
#758eac
```
#758eac rgb(117,142,172)
```
#8298b3
```
#8298b3 rgb(130,152,179)
```
#8ea2bb
```
#8ea2bb rgb(142,162,187)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#a6b6c9
```
#a6b6c9 rgb(166,182,201)
```
#b2c0d1
```
#b2c0d1 rgb(178,192,209)
```
#bfcad8
```
#bfcad8 rgb(191,202,216)
```
#cbd4e0
```
#cbd4e0 rgb(203,212,224)
```
#d7dee7
```
#d7dee7 rgb(215,222,231)
```
#e3e8ee
```
#e3e8ee rgb(227,232,238)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#adaeaf
```
#adaeaf rgb(173,174,175)
```
#a6adb6
```
#a6adb6 rgb(166,173,182)
```
#a0adbc
```
#a0adbc rgb(160,173,188)
```
#9aacc2
```
#9aacc2 rgb(154,172,194)
```
#94abc8
```
#94abc8 rgb(148,171,200)
```
#8eabce
```
#8eabce rgb(142,171,206)
```
#87aad5
```
#87aad5 rgb(135,170,213)
```
#81aadb
```
#81aadb rgb(129,170,219)
```
#7ba9e1
```
#7ba9e1 rgb(123,169,225)
```
#75a8e7
```
#75a8e7 rgb(117,168,231)
```
#6ea8ee
```
#6ea8ee rgb(110,168,238)
```
#68a7f4
```
#68a7f4 rgb(104,167,244)
```
#62a6fa
```
#62a6fa rgb(98,166,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a6aaae Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaadc3 Protanopia 1% of men
#b2aac7 Deuteranopia 1% of men
#9db1be Tritanopia 0.001% of the population

Trichromacy

#a4acc2 Protanomaly 1% of men, 0.01% of women
#a9abc5 Deuteranomaly 6% of men, 0.4% of women
#9cafbf Tritanomaly 0.01% of the population

#9aacc2 hex color

#9aacc2 Color Information

#9aacc2 Color Conversion

Color Schemes with #9aacc2

Alternatives to #9aacc2

#9aacc2 Preview

Shades and Tints of #9aacc2

Tones of #9aacc2

Color Blindness Simulator