#9aafc4 hex color

In a RGB color space, hex #9aafc4 is composed of 60.4% red, 68.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 10.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 210 degrees, a saturation of 26.3% and a lightness of 68.6%. #9aafc4 color hex could be obtained by blending #ffffff with #355f89. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 69
- B 77
RGB color chart
- C 21
- M 11
- Y 0
- K 23
CMYK color chart

● #9aafc4 color description : Grayish blue.

The hexadecimal color #9aafc4 has RGB values of R:154, G:175, B:196 and CMYK values of C:0.21, M:0.11, Y:0, K:0.23. Its decimal value is 10137540.

Hex triplet	9aafc4	`#9aafc4`
RGB Decimal	154, 175, 196	`rgb(154,175,196)`
RGB Percent	60.4, 68.6, 76.9	`rgb(60.4%,68.6%,76.9%)`
CMYK	21, 11, 0, 23
HSL	210°, 26.3, 68.6	`hsl(210,26.3%,68.6%)`
HSV (or HSB)	210°, 21.4, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.535, -2.667, -13.114
XYZ	38.618, 41.515, 58.2
xyY	0.279, 0.3, 41.515
CIE-LCH	70.535, 13.382, 258.504
CIE-LUV	70.535, -11.967, -19.6
Hunter-Lab	64.432, -5.77, -8.453
Binary	10011010, 10101111, 11000100

#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#c4af9a
```
#c4af9a rgb(196,175,154)
```

Complementary Color

#9ac4c4
```
#9ac4c4 rgb(154,196,196)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#9a9ac4
```
#9a9ac4 rgb(154,154,196)
```

Analogous Color

#c4c49a
```
#c4c49a rgb(196,196,154)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#c49a9a
```
#c49a9a rgb(196,154,154)
```

Split Complementary Color

#afc49a
```
#afc49a rgb(175,196,154)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#c49aaf
```
#c49aaf rgb(196,154,175)
```

Triadic Color

#9ac4af
```
#9ac4af rgb(154,196,175)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#c49aaf
```
#c49aaf rgb(196,154,175)
```
#c4af9a
```
#c4af9a rgb(196,175,154)
```

Tetradic Color

#6a89a8
```
#6a89a8 rgb(106,137,168)
```
#7a96b1
```
#7a96b1 rgb(122,150,177)
```
#8aa2bb
```
#8aa2bb rgb(138,162,187)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#aabccd
```
#aabccd rgb(170,188,205)
```
#bac9d7
```
#bac9d7 rgb(186,201,215)
```
#cad5e0
```
#cad5e0 rgb(202,213,224)
```

Monochromatic Color

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

#9abac4
```
#9abac4 rgb(154,186,196)
```
#9ab6c4
```
#9ab6c4 rgb(154,182,196)
```
#9ab3c4
```
#9ab3c4 rgb(154,179,196)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#9aacc4
```
#9aacc4 rgb(154,172,196)
```
#9aa8c4
```
#9aa8c4 rgb(154,168,196)
```
#9aa5c4
```
#9aa5c4 rgb(154,165,196)
```

Similar Colors

Text with hexadecimal color #9aafc4

This text has a font color of #9aafc4.

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

#9aafc4 background color

This paragraph has a background color of #9aafc4.

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

#9aafc4 border color

This element has a border color of #9aafc4.

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

CSS codes

.text {color:#9aafc4;}

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

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

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

#06080a
```
#06080a rgb(6,8,10)
```
#0d1217
```
#0d1217 rgb(13,18,23)
```
#151c23
```
#151c23 rgb(21,28,35)
```
#1c2630
```
#1c2630 rgb(28,38,48)
```
#23303c
```
#23303c rgb(35,48,60)
```
#2a3948
```
#2a3948 rgb(42,57,72)
```
#314355
```
#314355 rgb(49,67,85)
```
#394d61
```
#394d61 rgb(57,77,97)
```
#40576d
```
#40576d rgb(64,87,109)
```
#47617a
```
#47617a rgb(71,97,122)
```
#4e6a86
```
#4e6a86 rgb(78,106,134)
```
#567493
```
#567493 rgb(86,116,147)
```
#5d7e9f
```
#5d7e9f rgb(93,126,159)
```

Shade Color Variation

#6888a7
```
#6888a7 rgb(104,136,167)
```
#7592ae
```
#7592ae rgb(117,146,174)
```
#819bb6
```
#819bb6 rgb(129,155,182)
```
#8ea5bd
```
#8ea5bd rgb(142,165,189)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#a6b9cb
```
#a6b9cb rgb(166,185,203)
```
#b3c3d2
```
#b3c3d2 rgb(179,195,210)
```
#bfccda
```
#bfccda rgb(191,204,218)
```
#ccd6e1
```
#ccd6e1 rgb(204,214,225)
```
#d8e0e8
```
#d8e0e8 rgb(216,224,232)
```
#e4eaef
```
#e4eaef rgb(228,234,239)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#acafb2
```
#acafb2 rgb(172,175,178)
```
#a6afb8
```
#a6afb8 rgb(166,175,184)
```
#a0afbe
```
#a0afbe rgb(160,175,190)
```
#9aafc4
```
#9aafc4 rgb(154,175,196)
```
#94afca
```
#94afca rgb(148,175,202)
```
#8eafd0
```
#8eafd0 rgb(142,175,208)
```
#88afd6
```
#88afd6 rgb(136,175,214)
```
#81afdd
```
#81afdd rgb(129,175,221)
```
#7bafe3
```
#7bafe3 rgb(123,175,227)
```
#75afe9
```
#75afe9 rgb(117,175,233)
```
#6fafef
```
#6fafef rgb(111,175,239)
```
#69aff5
```
#69aff5 rgb(105,175,245)
```
#63affb
```
#63affb rgb(99,175,251)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8acb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adafc4 Protanopia 1% of men
#b4acc9 Deuteranopia 1% of men
#9db4c1 Tritanopia 0.001% of the population

Trichromacy

#a6afc4 Protanomaly 1% of men, 0.01% of women
#abadc7 Deuteranomaly 6% of men, 0.4% of women
#9cb2c2 Tritanomaly 0.01% of the population

#9aafc4 hex color

#9aafc4 Color Information

#9aafc4 Color Conversion

Color Schemes with #9aafc4

Alternatives to #9aafc4

#9aafc4 Preview

Shades and Tints of #9aafc4

Tones of #9aafc4

Color Blindness Simulator