#afbbb8 hex color

In a RGB color space, hex #afbbb8 is composed of 68.6% red, 73.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 1.6% yellow and 26.7% black. It has a hue angle of 165 degrees, a saturation of 8.1% and a lightness of 71%. #afbbb8 color hex could be obtained by blending #ffffff with #5f7771. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 73
- B 72
RGB color chart
- C 6
- M 0
- Y 2
- K 27
CMYK color chart

● #afbbb8 color description : Grayish cyan.

The hexadecimal color #afbbb8 has RGB values of R:175, G:187, B:184 and CMYK values of C:0.06, M:0, Y:0.02, K:0.27. Its decimal value is 11516856.

Hex triplet	afbbb8	`#afbbb8`
RGB Decimal	175, 187, 184	`rgb(175,187,184)`
RGB Percent	68.6, 73.3, 72.2	`rgb(68.6%,73.3%,72.2%)`
CMYK	6, 0, 2, 27
HSL	165°, 8.1, 71	`hsl(165,8.1%,71%)`
HSV (or HSB)	165°, 6.4, 73.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.897, -4.718, 0.08
XYZ	44.1, 48.115, 52.309
xyY	0.305, 0.333, 48.115
CIE-LCH	74.897, 4.719, 179.026
CIE-LUV	74.897, -6.498, 0.926
Hunter-Lab	69.365, -7.905, 3.844
Binary	10101111, 10111011, 10111000

#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#bbafb2
```
#bbafb2 rgb(187,175,178)
```

Complementary Color

#afbbb2
```
#afbbb2 rgb(175,187,178)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#afb8bb
```
#afb8bb rgb(175,184,187)
```

Analogous Color

#bbb2af
```
#bbb2af rgb(187,178,175)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#bbafb8
```
#bbafb8 rgb(187,175,184)
```

Split Complementary Color

#bbb8af
```
#bbb8af rgb(187,184,175)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#b8afbb
```
#b8afbb rgb(184,175,187)
```

Triadic Color

#b2bbaf
```
#b2bbaf rgb(178,187,175)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#b8afbb
```
#b8afbb rgb(184,175,187)
```
#bbafb2
```
#bbafb2 rgb(187,175,178)
```

Tetradic Color

#869893
```
#869893 rgb(134,152,147)
```
#93a4a0
```
#93a4a0 rgb(147,164,160)
```
#a1afac
```
#a1afac rgb(161,175,172)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#bdc7c4
```
#bdc7c4 rgb(189,199,196)
```
#cbd2d0
```
#cbd2d0 rgb(203,210,208)
```
#d8dedd
```
#d8dedd rgb(216,222,221)
```

Monochromatic Color

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

#afbbb5
```
#afbbb5 rgb(175,187,181)
```
#afbbb6
```
#afbbb6 rgb(175,187,182)
```
#afbbb7
```
#afbbb7 rgb(175,187,183)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#afbbb9
```
#afbbb9 rgb(175,187,185)
```
#afbbba
```
#afbbba rgb(175,187,186)
```
#afbbbb
```
#afbbbb rgb(175,187,187)
```

Similar Colors

Text with hexadecimal color #afbbb8

This text has a font color of #afbbb8.

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

#afbbb8 background color

This paragraph has a background color of #afbbb8.

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

#afbbb8 border color

This element has a border color of #afbbb8.

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

CSS codes

.text {color:#afbbb8;}

.background {background-color:#afbbb8;}

.border {border:1px solid #afbbb8;}

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

#040505
```
#040505 rgb(4,5,5)
```
#0d0f0f
```
#0d0f0f rgb(13,15,15)
```
#161a19
```
#161a19 rgb(22,26,25)
```
#1f2523
```
#1f2523 rgb(31,37,35)
```
#282f2d
```
#282f2d rgb(40,47,45)
```
#313a38
```
#313a38 rgb(49,58,56)
```
#3a4442
```
#3a4442 rgb(58,68,66)
```
#434f4c
```
#434f4c rgb(67,79,76)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#556460
```
#556460 rgb(85,100,96)
```
#5e6f6b
```
#5e6f6b rgb(94,111,107)
```
#677975
```
#677975 rgb(103,121,117)
```
#70847f
```
#70847f rgb(112,132,127)
```

Shade Color Variation

#7a8e89
```
#7a8e89 rgb(122,142,137)
```
#859792
```
#859792 rgb(133,151,146)
```
#8fa09c
```
#8fa09c rgb(143,160,156)
```
#9aa9a5
```
#9aa9a5 rgb(154,169,165)
```
#a4b2af
```
#a4b2af rgb(164,178,175)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#bac4c1
```
#bac4c1 rgb(186,196,193)
```
#c4cdcb
```
#c4cdcb rgb(196,205,203)
```
#cfd6d4
```
#cfd6d4 rgb(207,214,212)
```
#d9dfde
```
#d9dfde rgb(217,223,222)
```
#e4e8e7
```
#e4e8e7 rgb(228,232,231)
```
#eff1f0
```
#eff1f0 rgb(239,241,240)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b5b5b5 is the less saturated color, while #70fad7 is the most saturated one.

#b5b5b5
```
#b5b5b5 rgb(181,181,181)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#a9c1bb
```
#a9c1bb rgb(169,193,187)
```
#a4c6be
```
#a4c6be rgb(164,198,190)
```
#9eccc1
```
#9eccc1 rgb(158,204,193)
```
#98d2c3
```
#98d2c3 rgb(152,210,195)
```
#93d7c6
```
#93d7c6 rgb(147,215,198)
```
#8dddc9
```
#8dddc9 rgb(141,221,201)
```
#87e3cc
```
#87e3cc rgb(135,227,204)
```
#81e9cf
```
#81e9cf rgb(129,233,207)
```
#7ceed2
```
#7ceed2 rgb(124,238,210)
```
#76f4d4
```
#76f4d4 rgb(118,244,212)
```
#70fad7
```
#70fad7 rgb(112,250,215)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5b8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbbb9 Protanopia 1% of men
#ccb6be Deuteranopia 1% of men
#b5bcc9 Tritanopia 0.001% of the population

Trichromacy

#b9bbb9 Protanomaly 1% of men, 0.01% of women
#c1b8bc Deuteranomaly 6% of men, 0.4% of women
#b3bbc3 Tritanomaly 0.01% of the population

#afbbb8 hex color

#afbbb8 Color Information

#afbbb8 Color Conversion

Color Schemes with #afbbb8

Alternatives to #afbbb8

#afbbb8 Preview

Shades and Tints of #afbbb8

Tones of #afbbb8

Color Blindness Simulator