#8aa5bc hex color

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

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

● #8aa5bc color description : Slightly desaturated blue.

The hexadecimal color #8aa5bc has RGB values of R:138, G:165, B:188 and CMYK values of C:0.27, M:0.12, Y:0, K:0.26. Its decimal value is 9086396.

Hex triplet	8aa5bc	`#8aa5bc`
RGB Decimal	138, 165, 188	`rgb(138,165,188)`
RGB Percent	54.1, 64.7, 73.7	`rgb(54.1%,64.7%,73.7%)`
CMYK	27, 12, 0, 26
HSL	207.6°, 27.2, 63.9	`hsl(207.6,27.2%,63.9%)`
HSV (or HSB)	207.6°, 26.6, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.477, -4.041, -14.9
XYZ	33.011, 35.943, 52.773
xyY	0.271, 0.295, 35.943
CIE-LCH	66.477, 15.438, 254.827
CIE-LUV	66.477, -14.756, -22.028
Hunter-Lab	59.953, -6.631, -10.222
Binary	10001010, 10100101, 10111100

#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#bca18a
```
#bca18a rgb(188,161,138)
```

Complementary Color

#8abcba
```
#8abcba rgb(138,188,186)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#8a8cbc
```
#8a8cbc rgb(138,140,188)
```

Analogous Color

#bcba8a
```
#bcba8a rgb(188,186,138)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#bc8a8c
```
#bc8a8c rgb(188,138,140)
```

Split Complementary Color

#a5bc8a
```
#a5bc8a rgb(165,188,138)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#bc8aa5
```
#bc8aa5 rgb(188,138,165)
```

Triadic Color

#8abca1
```
#8abca1 rgb(138,188,161)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#bc8aa5
```
#bc8aa5 rgb(188,138,165)
```
#bca18a
```
#bca18a rgb(188,161,138)
```

Tetradic Color

#5b7f9f
```
#5b7f9f rgb(91,127,159)
```
#6a8ca9
```
#6a8ca9 rgb(106,140,169)
```
#7a99b3
```
#7a99b3 rgb(122,153,179)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#9ab1c5
```
#9ab1c5 rgb(154,177,197)
```
#aabecf
```
#aabecf rgb(170,190,207)
```
#bbcad8
```
#bbcad8 rgb(187,202,216)
```

Monochromatic Color

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

#8ab2bc
```
#8ab2bc rgb(138,178,188)
```
#8aadbc
```
#8aadbc rgb(138,173,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)
```

Similar Colors

Text with hexadecimal color #8aa5bc

This text has a font color of #8aa5bc.

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

#8aa5bc background color

This paragraph has a background color of #8aa5bc.

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

#8aa5bc border color

This element has a border color of #8aa5bc.

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

CSS codes

.text {color:#8aa5bc;}

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

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

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)
```
#131a21
```
#131a21 rgb(19,26,33)
```
#1a242d
```
#1a242d rgb(26,36,45)
```
#212e3a
```
#212e3a rgb(33,46,58)
```
#283846
```
#283846 rgb(40,56,70)
```
#2f4253
```
#2f4253 rgb(47,66,83)
```
#364c5f
```
#364c5f rgb(54,76,95)
```
#3e566c
```
#3e566c rgb(62,86,108)
```
#456078
```
#456078 rgb(69,96,120)
```
#4c6a84
```
#4c6a84 rgb(76,106,132)
```
#537491
```
#537491 rgb(83,116,145)
```
#5a7e9d
```
#5a7e9d rgb(90,126,157)
```

Shade Color Variation

#6588a7
```
#6588a7 rgb(101,136,167)
```
#7192ae
```
#7192ae rgb(113,146,174)
```
#7e9bb5
```
#7e9bb5 rgb(126,155,181)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#96afc3
```
#96afc3 rgb(150,175,195)
```
#a3b8ca
```
#a3b8ca rgb(163,184,202)
```
#afc2d1
```
#afc2d1 rgb(175,194,209)
```
#bccbd9
```
#bccbd9 rgb(188,203,217)
```
#c8d5e0
```
#c8d5e0 rgb(200,213,224)
```
#d5dfe7
```
#d5dfe7 rgb(213,223,231)
```
#e1e8ee
```
#e1e8ee rgb(225,232,238)
```
#eef2f5
```
#eef2f5 rgb(238,242,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 #4aaafc is the most saturated one.

#9fa3a7
```
#9fa3a7 rgb(159,163,167)
```
#98a4ae
```
#98a4ae rgb(152,164,174)
```
#91a4b5
```
#91a4b5 rgb(145,164,181)
```
#8aa5bc
```
#8aa5bc rgb(138,165,188)
```
#83a6c3
```
#83a6c3 rgb(131,166,195)
```
#7ca6ca
```
#7ca6ca rgb(124,166,202)
```
#75a7d1
```
#75a7d1 rgb(117,167,209)
```
#6ea7d8
```
#6ea7d8 rgb(110,167,216)
```
#67a8df
```
#67a8df rgb(103,168,223)
```
#60a8e6
```
#60a8e6 rgb(96,168,230)
```
#58a9ee
```
#58a9ee rgb(88,169,238)
```
#51aaf5
```
#51aaf5 rgb(81,170,245)
```
#4aaafc
```
#4aaafc rgb(74,170,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9ca1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a5bc Protanopia 1% of men
#a7a2c1 Deuteranopia 1% of men
#8eabb7 Tritanopia 0.001% of the population

Trichromacy

#99a5bc Protanomaly 1% of men, 0.01% of women
#9da3bf Deuteranomaly 6% of men, 0.4% of women
#8ca8b9 Tritanomaly 0.01% of the population

#8aa5bc hex color

#8aa5bc Color Information

#8aa5bc Color Conversion

Color Schemes with #8aa5bc

Alternatives to #8aa5bc

#8aa5bc Preview

Shades and Tints of #8aa5bc

Tones of #8aa5bc

Color Blindness Simulator