#afb7b8 hex color

In a RGB color space, hex #afb7b8 is composed of 68.6% red, 71.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 186.7 degrees, a saturation of 6% and a lightness of 70.4%. #afb7b8 color hex could be obtained by blending #ffffff with #5f6f71. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 72
- B 72
RGB color chart
- C 5
- M 1
- Y 0
- K 28
CMYK color chart

● #afb7b8 color description : Grayish cyan.

The hexadecimal color #afb7b8 has RGB values of R:175, G:183, B:184 and CMYK values of C:0.05, M:0.01, Y:0, K:0.28. Its decimal value is 11515832.

Hex triplet	afb7b8	`#afb7b8`
RGB Decimal	175, 183, 184	`rgb(175,183,184)`
RGB Percent	68.6, 71.8, 72.2	`rgb(68.6%,71.8%,72.2%)`
CMYK	5, 1, 0, 28
HSL	186.7°, 6, 70.4	`hsl(186.7,6%,70.4%)`
HSV (or HSB)	186.7°, 4.9, 72.2
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.831, -2.586, -1.479
XYZ	43.263, 46.441, 52.03
xyY	0.305, 0.328, 46.441
CIE-LCH	73.831, 2.979, 209.777
CIE-LUV	73.831, -4.508, -1.761
Hunter-Lab	68.148, -5.941, 2.437
Binary	10101111, 10110111, 10111000

#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#b8b0af
```
#b8b0af rgb(184,176,175)
```

Complementary Color

#afb8b5
```
#afb8b5 rgb(175,184,181)
```
#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#afb3b8
```
#afb3b8 rgb(175,179,184)
```

Analogous Color

#b8b5af
```
#b8b5af rgb(184,181,175)
```
#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#b8afb3
```
#b8afb3 rgb(184,175,179)
```

Split Complementary Color

#b7b8af
```
#b7b8af rgb(183,184,175)
```
#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#b8afb7
```
#b8afb7 rgb(184,175,183)
```

Triadic Color

#afb8b0
```
#afb8b0 rgb(175,184,176)
```
#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#b8afb7
```
#b8afb7 rgb(184,175,183)
```
#b8b0af
```
#b8b0af rgb(184,176,175)
```

Tetradic Color

#869394
```
#869394 rgb(134,147,148)
```
#949fa0
```
#949fa0 rgb(148,159,160)
```
#a1abac
```
#a1abac rgb(161,171,172)
```
#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#bdc3c4
```
#bdc3c4 rgb(189,195,196)
```
#cacfd0
```
#cacfd0 rgb(202,207,208)
```
#d8dbdc
```
#d8dbdc rgb(216,219,220)
```

Monochromatic Color

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

#afb8b7
```
#afb8b7 rgb(175,184,183)
```
#afb8b8
```
#afb8b8 rgb(175,184,184)
```
#afb8b8
```
#afb8b8 rgb(175,184,184)
```
#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#afb6b8
```
#afb6b8 rgb(175,182,184)
```
#afb6b8
```
#afb6b8 rgb(175,182,184)
```
#afb5b8
```
#afb5b8 rgb(175,181,184)
```

Similar Colors

Text with hexadecimal color #afb7b8

This text has a font color of #afb7b8.

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

#afb7b8 background color

This paragraph has a background color of #afb7b8.

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

#afb7b8 border color

This element has a border color of #afb7b8.

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

CSS codes

.text {color:#afb7b8;}

.background {background-color:#afb7b8;}

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0c0d0e
```
#0c0d0e rgb(12,13,14)
```
#151818
```
#151818 rgb(21,24,24)
```
#1e2222
```
#1e2222 rgb(30,34,34)
```
#282c2d
```
#282c2d rgb(40,44,45)
```
#313637
```
#313637 rgb(49,54,55)
```
#3a4141
```
#3a4141 rgb(58,65,65)
```
#434b4c
```
#434b4c rgb(67,75,76)
```
#4d5556
```
#4d5556 rgb(77,85,86)
```
#565f61
```
#565f61 rgb(86,95,97)
```
#5f6a6b
```
#5f6a6b rgb(95,106,107)
```
#687475
```
#687475 rgb(104,116,117)
```
#717e80
```
#717e80 rgb(113,126,128)
```

Shade Color Variation

#7b888a
```
#7b888a rgb(123,136,138)
```
#859293
```
#859293 rgb(133,146,147)
```
#909b9c
```
#909b9c rgb(144,155,156)
```
#9aa4a6
```
#9aa4a6 rgb(154,164,166)
```
#a5aeaf
```
#a5aeaf rgb(165,174,175)
```
#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#b9c0c1
```
#b9c0c1 rgb(185,192,193)
```
#c4caca
```
#c4caca rgb(196,202,202)
```
#ced3d4
```
#ced3d4 rgb(206,211,212)
```
#d9dcdd
```
#d9dcdd rgb(217,220,221)
```
#e3e6e6
```
#e3e6e6 rgb(227,230,230)
```
#edefef
```
#edefef rgb(237,239,239)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#afb7b8
```
#afb7b8 rgb(175,183,184)
```
#a9bcbe
```
#a9bcbe rgb(169,188,190)
```
#a3c0c4
```
#a3c0c4 rgb(163,192,196)
```
#9ec5c9
```
#9ec5c9 rgb(158,197,201)
```
#98c9cf
```
#98c9cf rgb(152,201,207)
```
#92ced5
```
#92ced5 rgb(146,206,213)
```
#8cd2db
```
#8cd2db rgb(140,210,219)
```
#86d7e1
```
#86d7e1 rgb(134,215,225)
```
#81dbe6
```
#81dbe6 rgb(129,219,230)
```
#7be0ec
```
#7be0ec rgb(123,224,236)
```
#75e4f2
```
#75e4f2 rgb(117,228,242)
```
#6fe9f8
```
#6fe9f8 rgb(111,233,248)
```
#69edfe
```
#69edfe rgb(105,237,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb8ba Protanopia 1% of men
#c8b3bd Deuteranopia 1% of men
#b5b9c6 Tritanopia 0.001% of the population

Trichromacy

#b7b7b9 Protanomaly 1% of men, 0.01% of women
#beb5bb Deuteranomaly 6% of men, 0.4% of women
#b2b8c1 Tritanomaly 0.01% of the population

#afb7b8 hex color

#afb7b8 Color Information

#afb7b8 Color Conversion

Color Schemes with #afb7b8

Alternatives to #afb7b8

#afb7b8 Preview

Shades and Tints of #afb7b8

Tones of #afb7b8

Color Blindness Simulator