#b4afaf hex color

In a RGB color space, hex #b4afaf is composed of 70.6% red, 68.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 2.8% yellow and 29.4% black. It has a hue angle of 0 degrees, a saturation of 3.2% and a lightness of 69.6%. #b4afaf color hex could be obtained by blending #ffffff with #695f5f. Closest websafe color is: #cc9999.

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

● #b4afaf color description : Grayish red.

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

Hex triplet	b4afaf	`#b4afaf`
RGB Decimal	180, 175, 175	`rgb(180,175,175)`
RGB Percent	70.6, 68.6, 68.6	`rgb(70.6%,68.6%,68.6%)`
CMYK	0, 3, 3, 29
HSL	0°, 3.2, 69.6	`hsl(0,3.2%,69.6%)`
HSV (or HSB)	0°, 2.8, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.865, 1.773, 0.624
XYZ	41.889, 43.459, 46.737
xyY	0.317, 0.329, 43.459
CIE-LCH	71.865, 1.88, 19.387
CIE-LUV	71.865, 2.87, 0.611
Hunter-Lab	65.923, -1.943, 4.112
Binary	10110100, 10101111, 10101111

#b4afaf
```
#b4afaf rgb(180,175,175)
```
#afb4b4
```
#afb4b4 rgb(175,180,180)
```

Complementary Color

#b4afb2
```
#b4afb2 rgb(180,175,178)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```

Analogous Color

#afb2b4
```
#afb2b4 rgb(175,178,180)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#afb4b2
```
#afb4b2 rgb(175,180,178)
```

Split Complementary Color

#afafb4
```
#afafb4 rgb(175,175,180)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#afb4af
```
#afb4af rgb(175,180,175)
```

Triadic Color

#b4afb4
```
#b4afb4 rgb(180,175,180)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#afb4af
```
#afb4af rgb(175,180,175)
```
#afb4b4
```
#afb4b4 rgb(175,180,180)
```

Tetradic Color

#8f8888
```
#8f8888 rgb(143,136,136)
```
#9b9595
```
#9b9595 rgb(155,149,149)
```
#a8a2a2
```
#a8a2a2 rgb(168,162,162)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#c0bcbc
```
#c0bcbc rgb(192,188,188)
```
#cdc9c9
```
#cdc9c9 rgb(205,201,201)
```
#d9d6d6
```
#d9d6d6 rgb(217,214,214)
```

Monochromatic Color

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

#b4afb0
```
#b4afb0 rgb(180,175,176)
```
#b4afb0
```
#b4afb0 rgb(180,175,176)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#b4b0af
```
#b4b0af rgb(180,176,175)
```
#b4b0af
```
#b4b0af rgb(180,176,175)
```

Similar Colors

Text with hexadecimal color #b4afaf

This text has a font color of #b4afaf.

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

#b4afaf background color

This paragraph has a background color of #b4afaf.

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

#b4afaf border color

This element has a border color of #b4afaf.

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

CSS codes

.text {color:#b4afaf;}

.background {background-color:#b4afaf;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0a0a
```
#0b0a0a rgb(11,10,10)
```
#151414
```
#151414 rgb(21,20,20)
```
#1f1d1d
```
#1f1d1d rgb(31,29,29)
```
#292727
```
#292727 rgb(41,39,39)
```
#343030
```
#343030 rgb(52,48,48)
```
#3e3a3a
```
#3e3a3a rgb(62,58,58)
```
#484343
```
#484343 rgb(72,67,67)
```
#524d4d
```
#524d4d rgb(82,77,77)
```
#5c5656
```
#5c5656 rgb(92,86,86)
```
#666060
```
#666060 rgb(102,96,96)
```
#706969
```
#706969 rgb(112,105,105)
```
#7a7373
```
#7a7373 rgb(122,115,115)
```

Shade Color Variation

#857c7c
```
#857c7c rgb(133,124,124)
```
#8e8787
```
#8e8787 rgb(142,135,135)
```
#989191
```
#989191 rgb(152,145,145)
```
#a19b9b
```
#a19b9b rgb(161,155,155)
```
#aba5a5
```
#aba5a5 rgb(171,165,165)
```
#b4afaf
```
#b4afaf rgb(180,175,175)
```
#bdb9b9
```
#bdb9b9 rgb(189,185,185)
```
#c7c3c3
```
#c7c3c3 rgb(199,195,195)
```
#d0cdcd
```
#d0cdcd rgb(208,205,205)
```
#dad7d7
```
#dad7d7 rgb(218,215,215)
```
#e3e2e2
```
#e3e2e2 rgb(227,226,226)
```
#edecec
```
#edecec rgb(237,236,236)
```
#f6f6f6
```
#f6f6f6 rgb(246,246,246)
```

Tint Color Variation

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

#b4afaf
```
#b4afaf rgb(180,175,175)
```
#baa9a9
```
#baa9a9 rgb(186,169,169)
```
#c0a3a3
```
#c0a3a3 rgb(192,163,163)
```
#c69d9d
```
#c69d9d rgb(198,157,157)
```
#cc9797
```
#cc9797 rgb(204,151,151)
```
#d29191
```
#d29191 rgb(210,145,145)
```
#d88b8b
```
#d88b8b rgb(216,139,139)
```
#de8585
```
#de8585 rgb(222,133,133)
```
#e47f7f
```
#e47f7f rgb(228,127,127)
```
#ea7979
```
#ea7979 rgb(234,121,121)
```
#f07373
```
#f07373 rgb(240,115,115)
```
#f66d6d
```
#f66d6d rgb(246,109,109)
```
#fc6767
```
#fc6767 rgb(252,103,103)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b1b0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b3b3 Protanopia 1% of men
#c4aeb4 Deuteranopia 1% of men
#b9b1be Tritanopia 0.001% of the population

Trichromacy

#b6b1b1 Protanomaly 1% of men, 0.01% of women
#beaeb2 Deuteranomaly 6% of men, 0.4% of women
#b7b0b8 Tritanomaly 0.01% of the population

#b4afaf hex color

#b4afaf Color Information

#b4afaf Color Conversion

Color Schemes with #b4afaf

Alternatives to #b4afaf

#b4afaf Preview

Shades and Tints of #b4afaf

Tones of #b4afaf

Color Blindness Simulator