#afbec5 hex color

In a RGB color space, hex #afbec5 is composed of 68.6% red, 74.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 3.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 199.1 degrees, a saturation of 15.9% and a lightness of 72.9%. #afbec5 color hex could be obtained by blending #ffffff with #5f7d8b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 75
- B 77
RGB color chart
- C 11
- M 4
- Y 0
- K 23
CMYK color chart

● #afbec5 color description : Grayish blue.

The hexadecimal color #afbec5 has RGB values of R:175, G:190, B:197 and CMYK values of C:0.11, M:0.04, Y:0, K:0.23. Its decimal value is 11517637.

Hex triplet	afbec5	`#afbec5`
RGB Decimal	175, 190, 197	`rgb(175,190,197)`
RGB Percent	68.6, 74.5, 77.3	`rgb(68.6%,74.5%,77.3%)`
CMYK	11, 4, 0, 23
HSL	199.1°, 15.9, 72.9	`hsl(199.1,15.9%,72.9%)`
HSV (or HSB)	199.1°, 11.2, 77.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.052, -3.732, -5.289
XYZ	46.169, 49.972, 60.033
xyY	0.296, 0.32, 49.972
CIE-LCH	76.052, 6.473, 234.789
CIE-LUV	76.052, -8.496, -7.374
Hunter-Lab	70.691, -7.128, -0.868
Binary	10101111, 10111110, 11000101

#afbec5
```
#afbec5 rgb(175,190,197)
```
#c5b6af
```
#c5b6af rgb(197,182,175)
```

Complementary Color

#afc5c1
```
#afc5c1 rgb(175,197,193)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#afb3c5
```
#afb3c5 rgb(175,179,197)
```

Analogous Color

#c5c1af
```
#c5c1af rgb(197,193,175)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#c5afb3
```
#c5afb3 rgb(197,175,179)
```

Split Complementary Color

#bec5af
```
#bec5af rgb(190,197,175)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#c5afbe
```
#c5afbe rgb(197,175,190)
```

Triadic Color

#afc5b6
```
#afc5b6 rgb(175,197,182)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#c5afbe
```
#c5afbe rgb(197,175,190)
```
#c5b6af
```
#c5b6af rgb(197,182,175)
```

Tetradic Color

#839aa5
```
#839aa5 rgb(131,154,165)
```
#91a6b0
```
#91a6b0 rgb(145,166,176)
```
#a0b2ba
```
#a0b2ba rgb(160,178,186)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#becad0
```
#becad0 rgb(190,202,208)
```
#cdd6da
```
#cdd6da rgb(205,214,218)
```
#dbe2e5
```
#dbe2e5 rgb(219,226,229)
```

Monochromatic Color

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

#afc4c5
```
#afc4c5 rgb(175,196,197)
```
#afc2c5
```
#afc2c5 rgb(175,194,197)
```
#afc0c5
```
#afc0c5 rgb(175,192,197)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#afbcc5
```
#afbcc5 rgb(175,188,197)
```
#afbac5
```
#afbac5 rgb(175,186,197)
```
#afb9c5
```
#afb9c5 rgb(175,185,197)
```

Similar Colors

Text with hexadecimal color #afbec5

This text has a font color of #afbec5.

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

#afbec5 background color

This paragraph has a background color of #afbec5.

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

#afbec5 border color

This element has a border color of #afbec5.

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

CSS codes

.text {color:#afbec5;}

.background {background-color:#afbec5;}

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

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#101416
```
#101416 rgb(16,20,22)
```
#181f22
```
#181f22 rgb(24,31,34)
```
#21292d
```
#21292d rgb(33,41,45)
```
#293438
```
#293438 rgb(41,52,56)
```
#313e44
```
#313e44 rgb(49,62,68)
```
#39484f
```
#39484f rgb(57,72,79)
```
#42535b
```
#42535b rgb(66,83,91)
```
#4a5d66
```
#4a5d66 rgb(74,93,102)
```
#526771
```
#526771 rgb(82,103,113)
```
#5a727d
```
#5a727d rgb(90,114,125)
```
#637c88
```
#637c88 rgb(99,124,136)
```
#6b8793
```
#6b8793 rgb(107,135,147)
```

Shade Color Variation

#76909c
```
#76909c rgb(118,144,156)
```
#8299a4
```
#8299a4 rgb(130,153,164)
```
#8da2ac
```
#8da2ac rgb(141,162,172)
```
#98acb5
```
#98acb5 rgb(152,172,181)
```
#a4b5bd
```
#a4b5bd rgb(164,181,189)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#bac7cd
```
#bac7cd rgb(186,199,205)
```
#c6d0d5
```
#c6d0d5 rgb(198,208,213)
```
#d1dade
```
#d1dade rgb(209,218,222)
```
#dce3e6
```
#dce3e6 rgb(220,227,230)
```
#e8ecee
```
#e8ecee rgb(232,236,238)
```
#f3f5f6
```
#f3f5f6 rgb(243,245,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#bababa
```
#bababa rgb(186,186,186)
```
#b4bcc0
```
#b4bcc0 rgb(180,188,192)
```
#afbec5
```
#afbec5 rgb(175,190,197)
```
#aac0ca
```
#aac0ca rgb(170,192,202)
```
#a4c2d0
```
#a4c2d0 rgb(164,194,208)
```
#9fc4d5
```
#9fc4d5 rgb(159,196,213)
```
#9ac6da
```
#9ac6da rgb(154,198,218)
```
#94c8e0
```
#94c8e0 rgb(148,200,224)
```
#8fcae5
```
#8fcae5 rgb(143,202,229)
```
#8accea
```
#8accea rgb(138,204,234)
```
#85cdef
```
#85cdef rgb(133,205,239)
```
#7fcff5
```
#7fcff5 rgb(127,207,245)
```
#7ad1fa
```
#7ad1fa rgb(122,209,250)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bbbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbdc6 Protanopia 1% of men
#cbb9ca Deuteranopia 1% of men
#b4c0ce Tritanopia 0.001% of the population

Trichromacy

#b9bdc5 Protanomaly 1% of men, 0.01% of women
#c0bbc8 Deuteranomaly 6% of men, 0.4% of women
#b2bfca Tritanomaly 0.01% of the population

#afbec5 hex color

#afbec5 Color Information

#afbec5 Color Conversion

Color Schemes with #afbec5

Alternatives to #afbec5

#afbec5 Preview

Shades and Tints of #afbec5

Tones of #afbec5

Color Blindness Simulator