colorhexa.com

#8aa1bc hex color

In a RGB color space, hex #8aa1bc is composed of 54.1% red, 63.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 26.6% cyan, 14.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 212.4 degrees, a saturation of 27.2% and a lightness of 63.9%. #8aa1bc color hex could be obtained by blending #ffffff with #154379. Closest websafe color is: #9999cc.

- R 54
- G 63
- B 74
RGB color chart
- C 27
- M 14
- Y 0
- K 26
CMYK color chart

● #8aa1bc color description : Slightly desaturated blue.

The hexadecimal color #8aa1bc has RGB values of R:138, G:161, B:188 and CMYK values of C:0.27, M:0.14, Y:0, K:0.26. Its decimal value is 9085372.

Hex triplet	8aa1bc	`#8aa1bc`
RGB Decimal	138, 161, 188	`rgb(138,161,188)`
RGB Percent	54.1, 63.1, 73.7	`rgb(54.1%,63.1%,73.7%)`
CMYK	27, 14, 0, 26
HSL	212.4°, 27.2, 63.9	`hsl(212.4,27.2%,63.9%)`
HSV (or HSB)	212.4°, 26.6, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.376, -1.833, -16.563
XYZ	32.301, 34.523, 52.536
xyY	0.271, 0.289, 34.523
CIE-LCH	65.376, 16.664, 263.683
CIE-LUV	65.376, -12.989, -24.929
Hunter-Lab	58.756, -4.693, -11.884
Binary	10001010, 10100001, 10111100

#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#bca58a
```
#bca58a rgb(188,165,138)
```

Complementary Color

#8ababc
```
#8ababc rgb(138,186,188)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#8c8abc
```
#8c8abc rgb(140,138,188)
```

Analogous Color

#babc8a
```
#babc8a rgb(186,188,138)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#bc8c8a
```
#bc8c8a rgb(188,140,138)
```

Split Complementary Color

#a1bc8a
```
#a1bc8a rgb(161,188,138)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#bc8aa1
```
#bc8aa1 rgb(188,138,161)
```

Triadic Color

#8abca5
```
#8abca5 rgb(138,188,165)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#bc8aa1
```
#bc8aa1 rgb(188,138,161)
```
#bca58a
```
#bca58a rgb(188,165,138)
```

Tetradic Color

#5b7a9f
```
#5b7a9f rgb(91,122,159)
```
#6a87a9
```
#6a87a9 rgb(106,135,169)
```
#7a94b3
```
#7a94b3 rgb(122,148,179)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#9aaec5
```
#9aaec5 rgb(154,174,197)
```
#aabbcf
```
#aabbcf rgb(170,187,207)
```
#bbc8d8
```
#bbc8d8 rgb(187,200,216)
```

Monochromatic Color

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

#8aaebc
```
#8aaebc rgb(138,174,188)
```
#8aa9bc
```
#8aa9bc rgb(138,169,188)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#8a9dbc
```
#8a9dbc rgb(138,157,188)
```
#8a99bc
```
#8a99bc rgb(138,153,188)
```
#8a95bc
```
#8a95bc rgb(138,149,188)
```

Similar Colors

Text with hexadecimal color #8aa1bc

This text has a font color of #8aa1bc.

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

#8aa1bc background color

This paragraph has a background color of #8aa1bc.

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

#8aa1bc border color

This element has a border color of #8aa1bc.

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

CSS codes

.text {color:#8aa1bc;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0c1014
```
#0c1014 rgb(12,16,20)
```
#131921
```
#131921 rgb(19,25,33)
```
#1a232d
```
#1a232d rgb(26,35,45)
```
#212c3a
```
#212c3a rgb(33,44,58)
```
#283646
```
#283646 rgb(40,54,70)
```
#2f4053
```
#2f4053 rgb(47,64,83)
```
#36495f
```
#36495f rgb(54,73,95)
```
#3e536c
```
#3e536c rgb(62,83,108)
```
#455c78
```
#455c78 rgb(69,92,120)
```
#4c6684
```
#4c6684 rgb(76,102,132)
```
#536f91
```
#536f91 rgb(83,111,145)
```
#5a799d
```
#5a799d rgb(90,121,157)
```

Shade Color Variation

#6583a7
```
#6583a7 rgb(101,131,167)
```
#718dae
```
#718dae rgb(113,141,174)
```
#7e97b5
```
#7e97b5 rgb(126,151,181)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#96abc3
```
#96abc3 rgb(150,171,195)
```
#a3b5ca
```
#a3b5ca rgb(163,181,202)
```
#afbfd1
```
#afbfd1 rgb(175,191,209)
```
#bcc9d9
```
#bcc9d9 rgb(188,201,217)
```
#c8d3e0
```
#c8d3e0 rgb(200,211,224)
```
#d5dde7
```
#d5dde7 rgb(213,221,231)
```
#e1e7ee
```
#e1e7ee rgb(225,231,238)
```
#eef1f5
```
#eef1f5 rgb(238,241,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#9fa3a7
```
#9fa3a7 rgb(159,163,167)
```
#98a2ae
```
#98a2ae rgb(152,162,174)
```
#91a2b5
```
#91a2b5 rgb(145,162,181)
```
#8aa1bc
```
#8aa1bc rgb(138,161,188)
```
#83a0c3
```
#83a0c3 rgb(131,160,195)
```
#7ca0ca
```
#7ca0ca rgb(124,160,202)
```
#759fd1
```
#759fd1 rgb(117,159,209)
```
#6e9fd8
```
#6e9fd8 rgb(110,159,216)
```
#679edf
```
#679edf rgb(103,158,223)
```
#609ee6
```
#609ee6 rgb(96,158,230)
```
#589dee
```
#589dee rgb(88,157,238)
```
#519cf5
```
#519cf5 rgb(81,156,245)
```
#4a9cfc
```
#4a9cfc rgb(74,156,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#999ea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea2bd Protanopia 1% of men
#a3a0c1 Deuteranopia 1% of men
#8da7b4 Tritanopia 0.001% of the population

Trichromacy

#96a1bc Protanomaly 1% of men, 0.01% of women
#9aa0bf Deuteranomaly 6% of men, 0.4% of women
#8ca5b6 Tritanomaly 0.01% of the population