#9aadc2 hex color

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

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

● #9aadc2 color description : Grayish blue.

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

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

CIE-LAB	69.931, -2.032, -12.919
XYZ	38.006, 40.651, 56.88
xyY	0.28, 0.3, 40.651
CIE-LCH	69.931, 13.078, 261.061
CIE-LUV	69.931, -10.99, -19.363
Hunter-Lab	63.759, -5.176, -8.263
Binary	10011010, 10101101, 11000010

#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#c2af9a
```
#c2af9a rgb(194,175,154)
```

Complementary Color

#9ac1c2
```
#9ac1c2 rgb(154,193,194)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#9b9ac2
```
#9b9ac2 rgb(155,154,194)
```

Analogous Color

#c1c29a
```
#c1c29a rgb(193,194,154)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#c29b9a
```
#c29b9a rgb(194,155,154)
```

Split Complementary Color

#adc29a
```
#adc29a rgb(173,194,154)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#c29aad
```
#c29aad rgb(194,154,173)
```

Triadic Color

#9ac2af
```
#9ac2af rgb(154,194,175)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#c29aad
```
#c29aad rgb(194,154,173)
```
#c2af9a
```
#c2af9a rgb(194,175,154)
```

Tetradic Color

#6a86a5
```
#6a86a5 rgb(106,134,165)
```
#7a93af
```
#7a93af rgb(122,147,175)
```
#8aa0b8
```
#8aa0b8 rgb(138,160,184)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#aabacc
```
#aabacc rgb(170,186,204)
```
#bac7d5
```
#bac7d5 rgb(186,199,213)
```
#cad4df
```
#cad4df rgb(202,212,223)
```

Monochromatic Color

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

#9ab7c2
```
#9ab7c2 rgb(154,183,194)
```
#9ab4c2
```
#9ab4c2 rgb(154,180,194)
```
#9ab0c2
```
#9ab0c2 rgb(154,176,194)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#9aaac2
```
#9aaac2 rgb(154,170,194)
```
#9aa6c2
```
#9aa6c2 rgb(154,166,194)
```
#9aa3c2
```
#9aa3c2 rgb(154,163,194)
```

Similar Colors

Text with hexadecimal color #9aadc2

This text has a font color of #9aadc2.

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

#9aadc2 background color

This paragraph has a background color of #9aadc2.

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

#9aadc2 border color

This element has a border color of #9aadc2.

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

CSS codes

.text {color:#9aadc2;}

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

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

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)
```
#141b22
```
#141b22 rgb(20,27,34)
```
#1c242e
```
#1c242e rgb(28,36,46)
```
#232e3a
```
#232e3a rgb(35,46,58)
```
#2a3846
```
#2a3846 rgb(42,56,70)
```
#324152
```
#324152 rgb(50,65,82)
```
#394b5f
```
#394b5f rgb(57,75,95)
```
#41556b
```
#41556b rgb(65,85,107)
```
#485e77
```
#485e77 rgb(72,94,119)
```
#4f6883
```
#4f6883 rgb(79,104,131)
```
#577290
```
#577290 rgb(87,114,144)
```
#5e7b9c
```
#5e7b9c rgb(94,123,156)
```

Shade Color Variation

#6985a4
```
#6985a4 rgb(105,133,164)
```
#758fac
```
#758fac rgb(117,143,172)
```
#8299b3
```
#8299b3 rgb(130,153,179)
```
#8ea3bb
```
#8ea3bb rgb(142,163,187)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#a6b7c9
```
#a6b7c9 rgb(166,183,201)
```
#b2c1d1
```
#b2c1d1 rgb(178,193,209)
```
#bfcbd8
```
#bfcbd8 rgb(191,203,216)
```
#cbd5e0
```
#cbd5e0 rgb(203,213,224)
```
#d7dfe7
```
#d7dfe7 rgb(215,223,231)
```
#e3e9ee
```
#e3e9ee rgb(227,233,238)
```
#f0f3f6
```
#f0f3f6 rgb(240,243,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 #62aafa is the most saturated one.

#adaeaf
```
#adaeaf rgb(173,174,175)
```
#a6aeb6
```
#a6aeb6 rgb(166,174,182)
```
#a0adbc
```
#a0adbc rgb(160,173,188)
```
#9aadc2
```
#9aadc2 rgb(154,173,194)
```
#94adc8
```
#94adc8 rgb(148,173,200)
```
#8eacce
```
#8eacce rgb(142,172,206)
```
#87acd5
```
#87acd5 rgb(135,172,213)
```
#81acdb
```
#81acdb rgb(129,172,219)
```
#7babe1
```
#7babe1 rgb(123,171,225)
```
#75abe7
```
#75abe7 rgb(117,171,231)
```
#6eabee
```
#6eabee rgb(110,171,238)
```
#68abf4
```
#68abf4 rgb(104,171,244)
```
#62aafa
```
#62aafa rgb(98,170,250)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a7abaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaec3 Protanopia 1% of men
#b3abc7 Deuteranopia 1% of men
#9db2bf Tritanopia 0.001% of the population

Trichromacy

#a5adc2 Protanomaly 1% of men, 0.01% of women
#aaabc5 Deuteranomaly 6% of men, 0.4% of women
#9cb0c0 Tritanomaly 0.01% of the population

#9aadc2 hex color

#9aadc2 Color Information

#9aadc2 Color Conversion

Color Schemes with #9aadc2

Alternatives to #9aadc2

#9aadc2 Preview

Shades and Tints of #9aadc2

Tones of #9aadc2

Color Blindness Simulator