#afbec4 hex color

In a RGB color space, hex #afbec4 is composed of 68.6% red, 74.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 3.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 197.1 degrees, a saturation of 15.1% and a lightness of 72.7%. #afbec4 color hex could be obtained by blending #ffffff with #5f7d89. Closest websafe color is: #99cccc.

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

● #afbec4 color description : Grayish blue.

The hexadecimal color #afbec4 has RGB values of R:175, G:190, B:196 and CMYK values of C:0.11, M:0.03, Y:0, K:0.23. Its decimal value is 11517636.

Hex triplet	afbec4	`#afbec4`
RGB Decimal	175, 190, 196	`rgb(175,190,196)`
RGB Percent	68.6, 74.5, 76.9	`rgb(68.6%,74.5%,76.9%)`
CMYK	11, 3, 0, 23
HSL	197.1°, 15.1, 72.7	`hsl(197.1,15.1%,72.7%)`
HSV (or HSB)	197.1°, 10.7, 76.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.024, -3.936, -4.788
XYZ	46.054, 49.926, 59.432
xyY	0.296, 0.321, 49.926
CIE-LCH	76.024, 6.198, 230.577
CIE-LUV	76.024, -8.456, -6.57
Hunter-Lab	70.658, -7.307, -0.409
Binary	10101111, 10111110, 11000100

#afbec4
```
#afbec4 rgb(175,190,196)
```
#c4b5af
```
#c4b5af rgb(196,181,175)
```

Complementary Color

#afc4c0
```
#afc4c0 rgb(175,196,192)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#afb4c4
```
#afb4c4 rgb(175,180,196)
```

Analogous Color

#c4c0af
```
#c4c0af rgb(196,192,175)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#c4afb4
```
#c4afb4 rgb(196,175,180)
```

Split Complementary Color

#bec4af
```
#bec4af rgb(190,196,175)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#c4afbe
```
#c4afbe rgb(196,175,190)
```

Triadic Color

#afc4b5
```
#afc4b5 rgb(175,196,181)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#c4afbe
```
#c4afbe rgb(196,175,190)
```
#c4b5af
```
#c4b5af rgb(196,181,175)
```

Tetradic Color

#839aa4
```
#839aa4 rgb(131,154,164)
```
#92a6ae
```
#92a6ae rgb(146,166,174)
```
#a0b2b9
```
#a0b2b9 rgb(160,178,185)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#becacf
```
#becacf rgb(190,202,207)
```
#ccd6da
```
#ccd6da rgb(204,214,218)
```
#dbe2e4
```
#dbe2e4 rgb(219,226,228)
```

Monochromatic Color

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

#afc3c4
```
#afc3c4 rgb(175,195,196)
```
#afc2c4
```
#afc2c4 rgb(175,194,196)
```
#afc0c4
```
#afc0c4 rgb(175,192,196)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#afbcc4
```
#afbcc4 rgb(175,188,196)
```
#afbbc4
```
#afbbc4 rgb(175,187,196)
```
#afb9c4
```
#afb9c4 rgb(175,185,196)
```

Similar Colors

Text with hexadecimal color #afbec4

This text has a font color of #afbec4.

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

#afbec4 background color

This paragraph has a background color of #afbec4.

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

#afbec4 border color

This element has a border color of #afbec4.

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

CSS codes

.text {color:#afbec4;}

.background {background-color:#afbec4;}

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

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

#080a0a
```
#080a0a rgb(8,10,10)
```
#101416
```
#101416 rgb(16,20,22)
```
#181e21
```
#181e21 rgb(24,30,33)
```
#21292c
```
#21292c rgb(33,41,44)
```
#293337
```
#293337 rgb(41,51,55)
```
#313e43
```
#313e43 rgb(49,62,67)
```
#3a484e
```
#3a484e rgb(58,72,78)
```
#425359
```
#425359 rgb(66,83,89)
```
#4a5d65
```
#4a5d65 rgb(74,93,101)
```
#536870
```
#536870 rgb(83,104,112)
```
#5b727b
```
#5b727b rgb(91,114,123)
```
#637c86
```
#637c86 rgb(99,124,134)
```
#6c8792
```
#6c8792 rgb(108,135,146)
```

Shade Color Variation

#77909a
```
#77909a rgb(119,144,154)
```
#8299a3
```
#8299a3 rgb(130,153,163)
```
#8da2ab
```
#8da2ab rgb(141,162,171)
```
#98acb3
```
#98acb3 rgb(152,172,179)
```
#a4b5bc
```
#a4b5bc rgb(164,181,188)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#bac7cc
```
#bac7cc rgb(186,199,204)
```
#c6d0d5
```
#c6d0d5 rgb(198,208,213)
```
#d1dadd
```
#d1dadd rgb(209,218,221)
```
#dce3e5
```
#dce3e5 rgb(220,227,229)
```
#e7ecee
```
#e7ecee rgb(231,236,238)
```
#f3f5f6
```
#f3f5f6 rgb(243,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#aac0c9
```
#aac0c9 rgb(170,192,201)
```
#a4c3cf
```
#a4c3cf rgb(164,195,207)
```
#9fc5d4
```
#9fc5d4 rgb(159,197,212)
```
#9ac7d9
```
#9ac7d9 rgb(154,199,217)
```
#94c9df
```
#94c9df rgb(148,201,223)
```
#8fcce4
```
#8fcce4 rgb(143,204,228)
```
#8acee9
```
#8acee9 rgb(138,206,233)
```
#84d0ef
```
#84d0ef rgb(132,208,239)
```
#7fd3f4
```
#7fd3f4 rgb(127,211,244)
```
#7ad5f9
```
#7ad5f9 rgb(122,213,249)
```
#74d7ff
```
#74d7ff rgb(116,215,255)
```

Tone Color Variation

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

#c0bdc5 Protanopia 1% of men
#cbb9c9 Deuteranopia 1% of men
#b4c0ce Tritanopia 0.001% of the population

Trichromacy

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

#afbec4 hex color

#afbec4 Color Information

#afbec4 Color Conversion

Color Schemes with #afbec4

Alternatives to #afbec4

#afbec4 Preview

Shades and Tints of #afbec4

Tones of #afbec4

Color Blindness Simulator