#8aa4bc hex color

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

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

● #8aa4bc color description : Slightly desaturated blue.

The hexadecimal color #8aa4bc has RGB values of R:138, G:164, B:188 and CMYK values of C:0.27, M:0.13, Y:0, K:0.26. Its decimal value is 9086140.

Hex triplet	8aa4bc	`#8aa4bc`
RGB Decimal	138, 164, 188	`rgb(138,164,188)`
RGB Percent	54.1, 64.3, 73.7	`rgb(54.1%,64.3%,73.7%)`
CMYK	27, 13, 0, 26
HSL	208.8°, 27.2, 63.9	`hsl(208.8,27.2%,63.9%)`
HSV (or HSB)	208.8°, 26.6, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.201, -3.491, -15.316
XYZ	32.832, 35.584, 52.713
xyY	0.271, 0.294, 35.584
CIE-LCH	66.201, 15.709, 257.16
CIE-LUV	66.201, -14.314, -22.754
Hunter-Lab	59.652, -6.148, -10.636
Binary	10001010, 10100100, 10111100

#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#bca28a
```
#bca28a rgb(188,162,138)
```

Complementary Color

#8abcbb
```
#8abcbb rgb(138,188,187)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#8a8bbc
```
#8a8bbc rgb(138,139,188)
```

Analogous Color

#bcbb8a
```
#bcbb8a rgb(188,187,138)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#bc8a8b
```
#bc8a8b rgb(188,138,139)
```

Split Complementary Color

#a4bc8a
```
#a4bc8a rgb(164,188,138)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#bc8aa4
```
#bc8aa4 rgb(188,138,164)
```

Triadic Color

#8abca2
```
#8abca2 rgb(138,188,162)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#bc8aa4
```
#bc8aa4 rgb(188,138,164)
```
#bca28a
```
#bca28a rgb(188,162,138)
```

Tetradic Color

#5b7e9f
```
#5b7e9f rgb(91,126,159)
```
#6a8ba9
```
#6a8ba9 rgb(106,139,169)
```
#7a97b3
```
#7a97b3 rgb(122,151,179)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#9ab1c5
```
#9ab1c5 rgb(154,177,197)
```
#aabdcf
```
#aabdcf rgb(170,189,207)
```
#bbcad8
```
#bbcad8 rgb(187,202,216)
```

Monochromatic Color

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

#8ab1bc
```
#8ab1bc rgb(138,177,188)
```
#8aacbc
```
#8aacbc rgb(138,172,188)
```
#8aa8bc
```
#8aa8bc rgb(138,168,188)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#8aa0bc
```
#8aa0bc rgb(138,160,188)
```
#8a9cbc
```
#8a9cbc rgb(138,156,188)
```
#8a98bc
```
#8a98bc rgb(138,152,188)
```

Similar Colors

Text with hexadecimal color #8aa4bc

This text has a font color of #8aa4bc.

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

#8aa4bc background color

This paragraph has a background color of #8aa4bc.

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

#8aa4bc border color

This element has a border color of #8aa4bc.

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

CSS codes

.text {color:#8aa4bc;}

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

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

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)
```
#3e556c
```
#3e556c rgb(62,85,108)
```
#455f78
```
#455f78 rgb(69,95,120)
```
#4c6984
```
#4c6984 rgb(76,105,132)
```
#537391
```
#537391 rgb(83,115,145)
```
#5a7d9d
```
#5a7d9d rgb(90,125,157)
```

Shade Color Variation

#6587a7
```
#6587a7 rgb(101,135,167)
```
#7191ae
```
#7191ae rgb(113,145,174)
```
#7e9ab5
```
#7e9ab5 rgb(126,154,181)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#96aec3
```
#96aec3 rgb(150,174,195)
```
#a3b7ca
```
#a3b7ca rgb(163,183,202)
```
#afc1d1
```
#afc1d1 rgb(175,193,209)
```
#bccbd9
```
#bccbd9 rgb(188,203,217)
```
#c8d5e0
```
#c8d5e0 rgb(200,213,224)
```
#d5dee7
```
#d5dee7 rgb(213,222,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 #4aa7fc is the most saturated one.

#9fa3a7
```
#9fa3a7 rgb(159,163,167)
```
#98a3ae
```
#98a3ae rgb(152,163,174)
```
#91a4b5
```
#91a4b5 rgb(145,164,181)
```
#8aa4bc
```
#8aa4bc rgb(138,164,188)
```
#83a4c3
```
#83a4c3 rgb(131,164,195)
```
#7ca5ca
```
#7ca5ca rgb(124,165,202)
```
#75a5d1
```
#75a5d1 rgb(117,165,209)
```
#6ea5d8
```
#6ea5d8 rgb(110,165,216)
```
#67a5df
```
#67a5df rgb(103,165,223)
```
#60a6e6
```
#60a6e6 rgb(96,166,230)
```
#58a6ee
```
#58a6ee rgb(88,166,238)
```
#51a6f5
```
#51a6f5 rgb(81,166,245)
```
#4aa7fc
```
#4aa7fc rgb(74,167,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9ba0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a4bc Protanopia 1% of men
#a6a2c1 Deuteranopia 1% of men
#8daab6 Tritanopia 0.001% of the population

Trichromacy

#98a4bc Protanomaly 1% of men, 0.01% of women
#9ca2bf Deuteranomaly 6% of men, 0.4% of women
#8ca8b8 Tritanomaly 0.01% of the population

#8aa4bc hex color

#8aa4bc Color Information

#8aa4bc Color Conversion

Color Schemes with #8aa4bc

Alternatives to #8aa4bc

#8aa4bc Preview

Shades and Tints of #8aa4bc

Tones of #8aa4bc

Color Blindness Simulator