#9aafbe hex color

In a RGB color space, hex #9aafbe is composed of 60.4% red, 68.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 7.9% magenta, 0% yellow and 25.5% black. It has a hue angle of 205 degrees, a saturation of 21.7% and a lightness of 67.5%. #9aafbe color hex could be obtained by blending #ffffff with #355f7d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 60
- G 69
- B 75
RGB color chart
- C 19
- M 8
- Y 0
- K 25
CMYK color chart

● #9aafbe color description : Grayish blue.

The hexadecimal color #9aafbe has RGB values of R:154, G:175, B:190 and CMYK values of C:0.19, M:0.08, Y:0, K:0.25. Its decimal value is 10137534.

Hex triplet	9aafbe	`#9aafbe`
RGB Decimal	154, 175, 190	`rgb(154,175,190)`
RGB Percent	60.4, 68.6, 74.5	`rgb(60.4%,68.6%,74.5%)`
CMYK	19, 8, 0, 25
HSL	205°, 21.7, 67.5	`hsl(205,21.7%,67.5%)`
HSV (or HSB)	205°, 18.9, 74.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.349, -4.016, -10.089
XYZ	37.949, 41.247, 54.674
xyY	0.283, 0.308, 41.247
CIE-LCH	70.349, 10.859, 248.297
CIE-LUV	70.349, -11.776, -14.632
Hunter-Lab	64.224, -6.919, -5.518
Binary	10011010, 10101111, 10111110

#9aafbe
```
#9aafbe rgb(154,175,190)
```
#bea99a
```
#bea99a rgb(190,169,154)
```

Complementary Color

#9abebb
```
#9abebb rgb(154,190,187)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#9a9dbe
```
#9a9dbe rgb(154,157,190)
```

Analogous Color

#bebb9a
```
#bebb9a rgb(190,187,154)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#be9a9d
```
#be9a9d rgb(190,154,157)
```

Split Complementary Color

#afbe9a
```
#afbe9a rgb(175,190,154)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#be9aaf
```
#be9aaf rgb(190,154,175)
```

Triadic Color

#9abea9
```
#9abea9 rgb(154,190,169)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#be9aaf
```
#be9aaf rgb(190,154,175)
```
#bea99a
```
#bea99a rgb(190,169,154)
```

Tetradic Color

#6b8aa0
```
#6b8aa0 rgb(107,138,160)
```
#7b96aa
```
#7b96aa rgb(123,150,170)
```
#8aa3b4
```
#8aa3b4 rgb(138,163,180)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#aabbc8
```
#aabbc8 rgb(170,187,200)
```
#b9c8d2
```
#b9c8d2 rgb(185,200,210)
```
#c9d4dc
```
#c9d4dc rgb(201,212,220)
```

Monochromatic Color

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

#9ab8be
```
#9ab8be rgb(154,184,190)
```
#9ab5be
```
#9ab5be rgb(154,181,190)
```
#9ab2be
```
#9ab2be rgb(154,178,190)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#9aacbe
```
#9aacbe rgb(154,172,190)
```
#9aa9be
```
#9aa9be rgb(154,169,190)
```
#9aa6be
```
#9aa6be rgb(154,166,190)
```

Similar Colors

Text with hexadecimal color #9aafbe

This text has a font color of #9aafbe.

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

#9aafbe background color

This paragraph has a background color of #9aafbe.

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

#9aafbe border color

This element has a border color of #9aafbe.

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

CSS codes

.text {color:#9aafbe;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c1012
```
#0c1012 rgb(12,16,18)
```
#131a1e
```
#131a1e rgb(19,26,30)
```
#1b242a
```
#1b242a rgb(27,36,42)
```
#232e36
```
#232e36 rgb(35,46,54)
```
#2b3842
```
#2b3842 rgb(43,56,66)
```
#32424e
```
#32424e rgb(50,66,78)
```
#3a4d5a
```
#3a4d5a rgb(58,77,90)
```
#425766
```
#425766 rgb(66,87,102)
```
#496172
```
#496172 rgb(73,97,114)
```
#516b7e
```
#516b7e rgb(81,107,126)
```
#59758a
```
#59758a rgb(89,117,138)
```
#607f96
```
#607f96 rgb(96,127,150)
```

Shade Color Variation

#6a899f
```
#6a899f rgb(106,137,159)
```
#7693a7
```
#7693a7 rgb(118,147,167)
```
#829caf
```
#829caf rgb(130,156,175)
```
#8ea6b6
```
#8ea6b6 rgb(142,166,182)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#a6b8c6
```
#a6b8c6 rgb(166,184,198)
```
#b2c2cd
```
#b2c2cd rgb(178,194,205)
```
#becbd5
```
#becbd5 rgb(190,203,213)
```
#cad5dd
```
#cad5dd rgb(202,213,221)
```
#d6dee4
```
#d6dee4 rgb(214,222,228)
```
#e2e8ec
```
#e2e8ec rgb(226,232,236)
```
#eef1f4
```
#eef1f4 rgb(238,241,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#a7adb1
```
#a7adb1 rgb(167,173,177)
```
#a0aeb8
```
#a0aeb8 rgb(160,174,184)
```
#9aafbe
```
#9aafbe rgb(154,175,190)
```
#94b0c4
```
#94b0c4 rgb(148,176,196)
```
#8db1cb
```
#8db1cb rgb(141,177,203)
```
#87b2d1
```
#87b2d1 rgb(135,178,209)
```
#80b3d8
```
#80b3d8 rgb(128,179,216)
```
#7ab4de
```
#7ab4de rgb(122,180,222)
```
#74b5e4
```
#74b5e4 rgb(116,181,228)
```
#6db6eb
```
#6db6eb rgb(109,182,235)
```
#67b8f1
```
#67b8f1 rgb(103,184,241)
```
#61b9f7
```
#61b9f7 rgb(97,185,247)
```
#5abafe
```
#5abafe rgb(90,186,254)
```

Tone Color Variation

Below, you can see how #9aafbe 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
#a7abae Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeafbf Protanopia 1% of men
#b7acc3 Deuteranopia 1% of men
#9fb3c0 Tritanopia 0.001% of the population

Trichromacy

#a7afbe Protanomaly 1% of men, 0.01% of women
#acadc1 Deuteranomaly 6% of men, 0.4% of women
#9db1bf Tritanomaly 0.01% of the population

#9aafbe hex color

#9aafbe Color Information

#9aafbe Color Conversion

Color Schemes with #9aafbe

Alternatives to #9aafbe

#9aafbe Preview

Shades and Tints of #9aafbe

Tones of #9aafbe

Color Blindness Simulator