#8aafb4 hex color

In a RGB color space, hex #8aafb4 is composed of 54.1% red, 68.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 2.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 187.1 degrees, a saturation of 21.9% and a lightness of 62.4%. #8aafb4 color hex could be obtained by blending #ffffff with #155f69. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 69
- B 71
RGB color chart
- C 23
- M 3
- Y 0
- K 29
CMYK color chart

● #8aafb4 color description : Grayish cyan.

The hexadecimal color #8aafb4 has RGB values of R:138, G:175, B:180 and CMYK values of C:0.23, M:0.03, Y:0, K:0.29. Its decimal value is 9088948.

Hex triplet	8aafb4	`#8aafb4`
RGB Decimal	138, 175, 180	`rgb(138,175,180)`
RGB Percent	54.1, 68.6, 70.6	`rgb(54.1%,68.6%,70.6%)`
CMYK	23, 3, 0, 29
HSL	187.1°, 21.9, 62.4	`hsl(187.1,21.9%,62.4%)`
HSV (or HSB)	187.1°, 23.3, 70.6
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.009, -11.319, -6.676
XYZ	34.047, 39.357, 48.98
xyY	0.278, 0.322, 39.357
CIE-LCH	69.009, 13.141, 210.534
CIE-LUV	69.009, -19.09, -8.181
Hunter-Lab	62.736, -12.913, -2.375
Binary	10001010, 10101111, 10110100

#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#b48f8a
```
#b48f8a rgb(180,143,138)
```

Complementary Color

#8ab4a4
```
#8ab4a4 rgb(138,180,164)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#8a9ab4
```
#8a9ab4 rgb(138,154,180)
```

Analogous Color

#b4a48a
```
#b4a48a rgb(180,164,138)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#b48a9a
```
#b48a9a rgb(180,138,154)
```

Split Complementary Color

#afb48a
```
#afb48a rgb(175,180,138)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#b48aaf
```
#b48aaf rgb(180,138,175)
```

Triadic Color

#8ab48f
```
#8ab48f rgb(138,180,143)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#b48aaf
```
#b48aaf rgb(180,138,175)
```
#b48f8a
```
#b48f8a rgb(180,143,138)
```

Tetradic Color

#5e8d93
```
#5e8d93 rgb(94,141,147)
```
#6b9aa0
```
#6b9aa0 rgb(107,154,160)
```
#7aa4aa
```
#7aa4aa rgb(122,164,170)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#9ababe
```
#9ababe rgb(154,186,190)
```
#a9c4c8
```
#a9c4c8 rgb(169,196,200)
```
#b9cfd2
```
#b9cfd2 rgb(185,207,210)
```

Monochromatic Color

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

#8ab4af
```
#8ab4af rgb(138,180,175)
```
#8ab4b2
```
#8ab4b2 rgb(138,180,178)
```
#8ab3b4
```
#8ab3b4 rgb(138,179,180)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#8aacb4
```
#8aacb4 rgb(138,172,180)
```
#8aa8b4
```
#8aa8b4 rgb(138,168,180)
```
#8aa5b4
```
#8aa5b4 rgb(138,165,180)
```

Similar Colors

Text with hexadecimal color #8aafb4

This text has a font color of #8aafb4.

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

#8aafb4 background color

This paragraph has a background color of #8aafb4.

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

#8aafb4 border color

This element has a border color of #8aafb4.

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

CSS codes

.text {color:#8aafb4;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090e0e
```
#090e0e rgb(9,14,14)
```
#11191a
```
#11191a rgb(17,25,26)
```
#192526
```
#192526 rgb(25,37,38)
```
#203032
```
#203032 rgb(32,48,50)
```
#283c3e
```
#283c3e rgb(40,60,62)
```
#30474a
```
#30474a rgb(48,71,74)
```
#375356
```
#375356 rgb(55,83,86)
```
#3f5e62
```
#3f5e62 rgb(63,94,98)
```
#47696e
```
#47696e rgb(71,105,110)
```
#4e757a
```
#4e757a rgb(78,117,122)
```
#568086
```
#568086 rgb(86,128,134)
```
#5e8c92
```
#5e8c92 rgb(94,140,146)
```

Shade Color Variation

#66969d
```
#66969d rgb(102,150,157)
```
#729fa5
```
#729fa5 rgb(114,159,165)
```
#7ea7ac
```
#7ea7ac rgb(126,167,172)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#96b7bc
```
#96b7bc rgb(150,183,188)
```
#a2bfc3
```
#a2bfc3 rgb(162,191,195)
```
#aec8cb
```
#aec8cb rgb(174,200,203)
```
#bad0d3
```
#bad0d3 rgb(186,208,211)
```
#c6d8da
```
#c6d8da rgb(198,216,218)
```
#d2e0e2
```
#d2e0e2 rgb(210,224,226)
```
#dee8ea
```
#dee8ea rgb(222,232,234)
```
#eaf0f1
```
#eaf0f1 rgb(234,240,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a4a5 is the less saturated color, while #40e7fe is the most saturated one.

#99a4a5
```
#99a4a5 rgb(153,164,165)
```
#91a9ad
```
#91a9ad rgb(145,169,173)
```
#8aafb4
```
#8aafb4 rgb(138,175,180)
```
#83b5bb
```
#83b5bb rgb(131,181,187)
```
#7bbac3
```
#7bbac3 rgb(123,186,195)
```
#74c0ca
```
#74c0ca rgb(116,192,202)
```
#6cc6d2
```
#6cc6d2 rgb(108,198,210)
```
#65cbd9
```
#65cbd9 rgb(101,203,217)
```
#5ed1e0
```
#5ed1e0 rgb(94,209,224)
```
#56d6e8
```
#56d6e8 rgb(86,214,232)
```
#4fdcef
```
#4fdcef rgb(79,220,239)
```
#48e2f6
```
#48e2f6 rgb(72,226,246)
```
#40e7fe
```
#40e7fe rgb(64,231,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a0a7a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adabb3 Protanopia 1% of men
#b5a8bb Deuteranopia 1% of men
#91b2be Tritanopia 0.001% of the population

Trichromacy

#a0adb3 Protanomaly 1% of men, 0.01% of women
#a5aab8 Deuteranomaly 6% of men, 0.4% of women
#8eb0ba Tritanomaly 0.01% of the population

#8aafb4 hex color

#8aafb4 Color Information

#8aafb4 Color Conversion

Color Schemes with #8aafb4

Alternatives to #8aafb4

#8aafb4 Preview

Shades and Tints of #8aafb4

Tones of #8aafb4

Color Blindness Simulator