#8aa3bd hex color

In a RGB color space, hex #8aa3bd is composed of 54.1% red, 63.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 13.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 210.6 degrees, a saturation of 27.9% and a lightness of 64.1%. #8aa3bd color hex could be obtained by blending #ffffff with #15477b. 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

● #8aa3bd color description : Slightly desaturated blue.

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

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

CIE-LAB	65.959, -2.698, -16.238
XYZ	32.762, 35.271, 53.223
xyY	0.27, 0.291, 35.271
CIE-LCH	65.959, 16.461, 260.567
CIE-LUV	65.959, -13.897, -24.321
Hunter-Lab	59.389, -5.463, -11.562
Binary	10001010, 10100011, 10111101

#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#bda48a
```
#bda48a rgb(189,164,138)
```

Complementary Color

#8abdbd
```
#8abdbd rgb(138,189,189)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#8b8abd
```
#8b8abd rgb(139,138,189)
```

Analogous Color

#bdbd8a
```
#bdbd8a rgb(189,189,138)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#bd8b8a
```
#bd8b8a rgb(189,139,138)
```

Split Complementary Color

#a3bd8a
```
#a3bd8a rgb(163,189,138)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#bd8aa3
```
#bd8aa3 rgb(189,138,163)
```

Triadic Color

#8abda4
```
#8abda4 rgb(138,189,164)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#bd8aa3
```
#bd8aa3 rgb(189,138,163)
```
#bda48a
```
#bda48a rgb(189,164,138)
```

Tetradic Color

#5a7da0
```
#5a7da0 rgb(90,125,160)
```
#6989ab
```
#6989ab rgb(105,137,171)
```
#7a96b4
```
#7a96b4 rgb(122,150,180)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#9ab0c6
```
#9ab0c6 rgb(154,176,198)
```
#abbdcf
```
#abbdcf rgb(171,189,207)
```
#bbc9d9
```
#bbc9d9 rgb(187,201,217)
```

Monochromatic Color

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

#8ab0bd
```
#8ab0bd rgb(138,176,189)
```
#8aacbd
```
#8aacbd rgb(138,172,189)
```
#8aa7bd
```
#8aa7bd rgb(138,167,189)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#8a9fbd
```
#8a9fbd rgb(138,159,189)
```
#8a9bbd
```
#8a9bbd rgb(138,155,189)
```
#8a96bd
```
#8a96bd rgb(138,150,189)
```

Similar Colors

Text with hexadecimal color #8aa3bd

This text has a font color of #8aa3bd.

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

#8aa3bd background color

This paragraph has a background color of #8aa3bd.

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

#8aa3bd border color

This element has a border color of #8aa3bd.

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

CSS codes

.text {color:#8aa3bd;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1015
```
#0c1015 rgb(12,16,21)
```
#131a21
```
#131a21 rgb(19,26,33)
```
#1a242e
```
#1a242e rgb(26,36,46)
```
#212e3b
```
#212e3b rgb(33,46,59)
```
#283747
```
#283747 rgb(40,55,71)
```
#2f4154
```
#2f4154 rgb(47,65,84)
```
#364b60
```
#364b60 rgb(54,75,96)
```
#3d556d
```
#3d556d rgb(61,85,109)
```
#445e79
```
#445e79 rgb(68,94,121)
```
#4b6886
```
#4b6886 rgb(75,104,134)
```
#537292
```
#537292 rgb(83,114,146)
```
#5a7c9f
```
#5a7c9f rgb(90,124,159)
```

Shade Color Variation

#6485a8
```
#6485a8 rgb(100,133,168)
```
#718faf
```
#718faf rgb(113,143,175)
```
#7d99b6
```
#7d99b6 rgb(125,153,182)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#97adc4
```
#97adc4 rgb(151,173,196)
```
#a3b7cb
```
#a3b7cb rgb(163,183,203)
```
#b0c1d2
```
#b0c1d2 rgb(176,193,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 #4ba2fc is the most saturated one.

#9fa3a8
```
#9fa3a8 rgb(159,163,168)
```
#98a3af
```
#98a3af rgb(152,163,175)
```
#91a3b6
```
#91a3b6 rgb(145,163,182)
```
#8aa3bd
```
#8aa3bd rgb(138,163,189)
```
#83a3c4
```
#83a3c4 rgb(131,163,196)
```
#7ca3cb
```
#7ca3cb rgb(124,163,203)
```
#75a3d2
```
#75a3d2 rgb(117,163,210)
```
#6ea2d9
```
#6ea2d9 rgb(110,162,217)
```
#67a2e0
```
#67a2e0 rgb(103,162,224)
```
#60a2e7
```
#60a2e7 rgb(96,162,231)
```
#59a2ee
```
#59a2ee rgb(89,162,238)
```
#52a2f5
```
#52a2f5 rgb(82,162,245)
```
#4ba2fc
```
#4ba2fc rgb(75,162,252)
```

Tone Color Variation

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

#9fa3be Protanopia 1% of men
#a5a1c2 Deuteranopia 1% of men
#8da9b5 Tritanopia 0.001% of the population

Trichromacy

#97a3bd Protanomaly 1% of men, 0.01% of women
#9ba2c0 Deuteranomaly 6% of men, 0.4% of women
#8ca7b8 Tritanomaly 0.01% of the population

#8aa3bd hex color

#8aa3bd Color Information

#8aa3bd Color Conversion

Color Schemes with #8aa3bd

Alternatives to #8aa3bd

#8aa3bd Preview

Shades and Tints of #8aa3bd

Tones of #8aa3bd

Color Blindness Simulator