#8aa2bd hex color

In a RGB color space, hex #8aa2bd is composed of 54.1% red, 63.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 14.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 211.8 degrees, a saturation of 27.9% and a lightness of 64.1%. #8aa2bd color hex could be obtained by blending #ffffff with #15457b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 64
- B 74
RGB color chart
- C 27
- M 14
- Y 0
- K 26
CMYK color chart

● #8aa2bd color description : Slightly desaturated blue.

The hexadecimal color #8aa2bd has RGB values of R:138, G:162, B:189 and CMYK values of C:0.27, M:0.14, Y:0, K:0.26. Its decimal value is 9085629.

Hex triplet	8aa2bd	`#8aa2bd`
RGB Decimal	138, 162, 189	`rgb(138,162,189)`
RGB Percent	54.1, 63.5, 74.1	`rgb(54.1%,63.5%,74.1%)`
CMYK	27, 14, 0, 26
HSL	211.8°, 27.9, 64.1	`hsl(211.8,27.9%,64.1%)`
HSV (or HSB)	211.8°, 27, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.684, -2.145, -16.654
XYZ	32.585, 34.917, 53.164
xyY	0.27, 0.289, 34.917
CIE-LCH	65.684, 16.792, 262.661
CIE-LUV	65.684, -13.457, -25.046
Hunter-Lab	59.091, -4.977, -11.98
Binary	10001010, 10100010, 10111101

#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#bda58a
```
#bda58a rgb(189,165,138)
```

Complementary Color

#8abcbd
```
#8abcbd rgb(138,188,189)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#8c8abd
```
#8c8abd rgb(140,138,189)
```

Analogous Color

#bcbd8a
```
#bcbd8a rgb(188,189,138)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#bd8c8a
```
#bd8c8a rgb(189,140,138)
```

Split Complementary Color

#a2bd8a
```
#a2bd8a rgb(162,189,138)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#bd8aa2
```
#bd8aa2 rgb(189,138,162)
```

Triadic Color

#8abda5
```
#8abda5 rgb(138,189,165)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#bd8aa2
```
#bd8aa2 rgb(189,138,162)
```
#bda58a
```
#bda58a rgb(189,165,138)
```

Tetradic Color

#5a7ba0
```
#5a7ba0 rgb(90,123,160)
```
#6988ab
```
#6988ab rgb(105,136,171)
```
#7a95b4
```
#7a95b4 rgb(122,149,180)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#9aafc6
```
#9aafc6 rgb(154,175,198)
```
#abbccf
```
#abbccf rgb(171,188,207)
```
#bbc9d9
```
#bbc9d9 rgb(187,201,217)
```

Monochromatic Color

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

#8aafbd
```
#8aafbd rgb(138,175,189)
```
#8aabbd
```
#8aabbd rgb(138,171,189)
```
#8aa6bd
```
#8aa6bd rgb(138,166,189)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#8a9ebd
```
#8a9ebd rgb(138,158,189)
```
#8a9abd
```
#8a9abd rgb(138,154,189)
```
#8a95bd
```
#8a95bd rgb(138,149,189)
```

Similar Colors

Text with hexadecimal color #8aa2bd

This text has a font color of #8aa2bd.

<span style="color:#8aa2bd;">Text here</span>

#8aa2bd background color

This paragraph has a background color of #8aa2bd.

<p style="background-color:#8aa2bd;">Content here</p>

#8aa2bd border color

This element has a border color of #8aa2bd.

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

CSS codes

.text {color:#8aa2bd;}

.background {background-color:#8aa2bd;}

.border {border:1px solid #8aa2bd;}

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

#050608
```
#050608 rgb(5,6,8)
```
#0c1015
```
#0c1015 rgb(12,16,21)
```
#131a21
```
#131a21 rgb(19,26,33)
```
#1a232e
```
#1a232e rgb(26,35,46)
```
#212d3b
```
#212d3b rgb(33,45,59)
```
#283747
```
#283747 rgb(40,55,71)
```
#2f4054
```
#2f4054 rgb(47,64,84)
```
#364a60
```
#364a60 rgb(54,74,96)
```
#3d546d
```
#3d546d rgb(61,84,109)
```
#445d79
```
#445d79 rgb(68,93,121)
```
#4b6786
```
#4b6786 rgb(75,103,134)
```
#537192
```
#537192 rgb(83,113,146)
```
#5a7a9f
```
#5a7a9f rgb(90,122,159)
```

Shade Color Variation

#6484a8
```
#6484a8 rgb(100,132,168)
```
#718eaf
```
#718eaf rgb(113,142,175)
```
#7d98b6
```
#7d98b6 rgb(125,152,182)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#97acc4
```
#97acc4 rgb(151,172,196)
```
#a3b6cb
```
#a3b6cb rgb(163,182,203)
```
#b0c0d2
```
#b0c0d2 rgb(176,192,210)
```
#bccad9
```
#bccad9 rgb(188,202,217)
```
#c9d4e0
```
#c9d4e0 rgb(201,212,224)
```
#d5dee7
```
#d5dee7 rgb(213,222,231)
```
#e2e8ef
```
#e2e8ef rgb(226,232,239)
```
#eef2f6
```
#eef2f6 rgb(238,242,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa3a8 is the less saturated color, while #4b9efc is the most saturated one.

#9fa3a8
```
#9fa3a8 rgb(159,163,168)
```
#98a3af
```
#98a3af rgb(152,163,175)
```
#91a2b6
```
#91a2b6 rgb(145,162,182)
```
#8aa2bd
```
#8aa2bd rgb(138,162,189)
```
#83a2c4
```
#83a2c4 rgb(131,162,196)
```
#7ca1cb
```
#7ca1cb rgb(124,161,203)
```
#75a1d2
```
#75a1d2 rgb(117,161,210)
```
#6ea0d9
```
#6ea0d9 rgb(110,160,217)
```
#67a0e0
```
#67a0e0 rgb(103,160,224)
```
#60a0e7
```
#60a0e7 rgb(96,160,231)
```
#599fee
```
#599fee rgb(89,159,238)
```
#529ff5
```
#529ff5 rgb(82,159,245)
```
#4b9efc
```
#4b9efc rgb(75,158,252)
```

Tone Color Variation

Below, you can see how #8aa2bd 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

#9e9e9e Achromatopsia 0.005% of the population
#9a9fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea3be Protanopia 1% of men
#a4a1c2 Deuteranopia 1% of men
#8da8b5 Tritanopia 0.001% of the population

Trichromacy

#97a2bd Protanomaly 1% of men, 0.01% of women
#9aa1c0 Deuteranomaly 6% of men, 0.4% of women
#8ca6b7 Tritanomaly 0.01% of the population

#8aa2bd hex color

#8aa2bd Color Information

#8aa2bd Color Conversion

Color Schemes with #8aa2bd

Alternatives to #8aa2bd

#8aa2bd Preview

Shades and Tints of #8aa2bd

Tones of #8aa2bd

Color Blindness Simulator