#8aa4b0 hex color

In a RGB color space, hex #8aa4b0 is composed of 54.1% red, 64.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 6.8% magenta, 0% yellow and 31% black. It has a hue angle of 198.9 degrees, a saturation of 19.4% and a lightness of 61.6%. #8aa4b0 color hex could be obtained by blending #ffffff with #154961. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 54
- G 64
- B 69
RGB color chart
- C 22
- M 7
- Y 0
- K 31
CMYK color chart

● #8aa4b0 color description : Dark grayish blue.

The hexadecimal color #8aa4b0 has RGB values of R:138, G:164, B:176 and CMYK values of C:0.22, M:0.07, Y:0, K:0.31. Its decimal value is 9086128.

Hex triplet	8aa4b0	`#8aa4b0`
RGB Decimal	138, 164, 176	`rgb(138,164,176)`
RGB Percent	54.1, 64.3, 69	`rgb(54.1%,64.3%,69%)`
CMYK	22, 7, 0, 31
HSL	198.9°, 19.4, 61.6	`hsl(198.9,19.4%,61.6%)`
HSV (or HSB)	198.9°, 21.6, 69
Web Safe	999999	`#999999`

CIE-LAB	65.817, -6.311, -9.202
XYZ	31.591, 35.088, 46.18
xyY	0.28, 0.311, 35.088
CIE-LCH	65.817, 11.159, 235.556
CIE-LUV	65.817, -14.03, -12.754
Hunter-Lab	59.235, -8.463, -4.758
Binary	10001010, 10100100, 10110000

#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#b0968a
```
#b0968a rgb(176,150,138)
```

Complementary Color

#8ab0a9
```
#8ab0a9 rgb(138,176,169)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#8a91b0
```
#8a91b0 rgb(138,145,176)
```

Analogous Color

#b0a98a
```
#b0a98a rgb(176,169,138)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#b08a91
```
#b08a91 rgb(176,138,145)
```

Split Complementary Color

#a4b08a
```
#a4b08a rgb(164,176,138)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#b08aa4
```
#b08aa4 rgb(176,138,164)
```

Triadic Color

#8ab096
```
#8ab096 rgb(138,176,150)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#b08aa4
```
#b08aa4 rgb(176,138,164)
```
#b0968a
```
#b0968a rgb(176,150,138)
```

Tetradic Color

#607f8e
```
#607f8e rgb(96,127,142)
```
#6c8c9b
```
#6c8c9b rgb(108,140,155)
```
#7b98a6
```
#7b98a6 rgb(123,152,166)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#99b0ba
```
#99b0ba rgb(153,176,186)
```
#a8bcc5
```
#a8bcc5 rgb(168,188,197)
```
#b8c8cf
```
#b8c8cf rgb(184,200,207)
```

Monochromatic Color

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

#8aaeb0
```
#8aaeb0 rgb(138,174,176)
```
#8aaab0
```
#8aaab0 rgb(138,170,176)
```
#8aa7b0
```
#8aa7b0 rgb(138,167,176)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#8aa1b0
```
#8aa1b0 rgb(138,161,176)
```
#8a9eb0
```
#8a9eb0 rgb(138,158,176)
```
#8a9bb0
```
#8a9bb0 rgb(138,155,176)
```

Similar Colors

Text with hexadecimal color #8aa4b0

This text has a font color of #8aa4b0.

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

#8aa4b0 background color

This paragraph has a background color of #8aa4b0.

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

#8aa4b0 border color

This element has a border color of #8aa4b0.

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

CSS codes

.text {color:#8aa4b0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#101518
```
#101518 rgb(16,21,24)
```
#182023
```
#182023 rgb(24,32,35)
```
#202a2f
```
#202a2f rgb(32,42,47)
```
#28353b
```
#28353b rgb(40,53,59)
```
#2f3f46
```
#2f3f46 rgb(47,63,70)
```
#374a52
```
#374a52 rgb(55,74,82)
```
#3f545e
```
#3f545e rgb(63,84,94)
```
#475f69
```
#475f69 rgb(71,95,105)
```
#4f6975
```
#4f6975 rgb(79,105,117)
```
#577481
```
#577481 rgb(87,116,129)
```
#5f7e8d
```
#5f7e8d rgb(95,126,141)
```

Shade Color Variation

#678998
```
#678998 rgb(103,137,152)
```
#7392a0
```
#7392a0 rgb(115,146,160)
```
#7e9ba8
```
#7e9ba8 rgb(126,155,168)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#96adb8
```
#96adb8 rgb(150,173,184)
```
#a1b6c0
```
#a1b6c0 rgb(161,182,192)
```
#adbfc8
```
#adbfc8 rgb(173,191,200)
```
#b9c8d0
```
#b9c8d0 rgb(185,200,208)
```
#c5d2d8
```
#c5d2d8 rgb(197,210,216)
```
#d0dbdf
```
#d0dbdf rgb(208,219,223)
```
#dce4e7
```
#dce4e7 rgb(220,228,231)
```
#e8edef
```
#e8edef rgb(232,237,239)
```
#f3f6f7
```
#f3f6f7 rgb(243,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ea1 is the less saturated color, while #3fc0fb is the most saturated one.

#999ea1
```
#999ea1 rgb(153,158,161)
```
#92a1a8
```
#92a1a8 rgb(146,161,168)
```
#8aa4b0
```
#8aa4b0 rgb(138,164,176)
```
#82a7b8
```
#82a7b8 rgb(130,167,184)
```
#7baabf
```
#7baabf rgb(123,170,191)
```
#73acc7
```
#73acc7 rgb(115,172,199)
```
#6cafce
```
#6cafce rgb(108,175,206)
```
#64b2d6
```
#64b2d6 rgb(100,178,214)
```
#5db5dd
```
#5db5dd rgb(93,181,221)
```
#55b7e5
```
#55b7e5 rgb(85,183,229)
```
#4ebaec
```
#4ebaec rgb(78,186,236)
```
#46bdf4
```
#46bdf4 rgb(70,189,244)
```
#3fc0fb
```
#3fc0fb rgb(63,192,251)
```

Tone Color Variation

Below, you can see how #8aa4b0 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
#9a9fa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a3b1 Protanopia 1% of men
#aba0b6 Deuteranopia 1% of men
#90a8b4 Tritanopia 0.001% of the population

Trichromacy

#9aa3b0 Protanomaly 1% of men, 0.01% of women
#9fa1b4 Deuteranomaly 6% of men, 0.4% of women
#8da6b3 Tritanomaly 0.01% of the population

#8aa4b0 hex color

#8aa4b0 Color Information

#8aa4b0 Color Conversion

Color Schemes with #8aa4b0

Alternatives to #8aa4b0

#8aa4b0 Preview

Shades and Tints of #8aa4b0

Tones of #8aa4b0

Color Blindness Simulator