#b4a2af hex color

In a RGB color space, hex #b4a2af is composed of 70.6% red, 63.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 2.8% yellow and 29.4% black. It has a hue angle of 316.7 degrees, a saturation of 10.7% and a lightness of 67.1%. #b4a2af color hex could be obtained by blending #ffffff with #69455f. Closest websafe color is: #cc9999.

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

● #b4a2af color description : Grayish pink.

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

Hex triplet	b4a2af	`#b4a2af`
RGB Decimal	180, 162, 175	`rgb(180,162,175)`
RGB Percent	70.6, 63.5, 68.6	`rgb(70.6%,63.5%,68.6%)`
CMYK	0, 10, 3, 29
HSL	316.7°, 10.7, 67.1	`hsl(316.7,10.7%,67.1%)`
HSV (or HSB)	316.7°, 10, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	68.489, 8.883, -4.327
XYZ	39.479, 38.64, 45.934
xyY	0.318, 0.311, 38.64
CIE-LCH	68.489, 9.881, 334.03
CIE-LUV	68.489, 9.62, -7.9
Hunter-Lab	62.161, 4.587, -0.3
Binary	10110100, 10100010, 10101111

#b4a2af
```
#b4a2af rgb(180,162,175)
```
#a2b4a7
```
#a2b4a7 rgb(162,180,167)
```

Complementary Color

#b0a2b4
```
#b0a2b4 rgb(176,162,180)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#b4a2a6
```
#b4a2a6 rgb(180,162,166)
```

Analogous Color

#a2b4b0
```
#a2b4b0 rgb(162,180,176)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#a6b4a2
```
#a6b4a2 rgb(166,180,162)
```

Split Complementary Color

#a2afb4
```
#a2afb4 rgb(162,175,180)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#afb4a2
```
#afb4a2 rgb(175,180,162)
```

Triadic Color

#a7a2b4
```
#a7a2b4 rgb(167,162,180)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#afb4a2
```
#afb4a2 rgb(175,180,162)
```
#a2b4a7
```
#a2b4a7 rgb(162,180,167)
```

Tetradic Color

#92788b
```
#92788b rgb(146,120,139)
```
#9d8697
```
#9d8697 rgb(157,134,151)
```
#a994a3
```
#a994a3 rgb(169,148,163)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#bfb0bb
```
#bfb0bb rgb(191,176,187)
```
#cbbec7
```
#cbbec7 rgb(203,190,199)
```
#d6ccd3
```
#d6ccd3 rgb(214,204,211)
```

Monochromatic Color

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

#b4a2b4
```
#b4a2b4 rgb(180,162,180)
```
#b4a2b2
```
#b4a2b2 rgb(180,162,178)
```
#b4a2b1
```
#b4a2b1 rgb(180,162,177)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#b4a2ae
```
#b4a2ae rgb(180,162,174)
```
#b4a2ac
```
#b4a2ac rgb(180,162,172)
```
#b4a2ab
```
#b4a2ab rgb(180,162,171)
```

Similar Colors

Text with hexadecimal color #b4a2af

This text has a font color of #b4a2af.

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

#b4a2af background color

This paragraph has a background color of #b4a2af.

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

#b4a2af border color

This element has a border color of #b4a2af.

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

CSS codes

.text {color:#b4a2af;}

.background {background-color:#b4a2af;}

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

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

#050404
```
#050404 rgb(5,4,4)
```
#100d0f
```
#100d0f rgb(16,13,15)
```
#1a1519
```
#1a1519 rgb(26,21,25)
```
#251e23
```
#251e23 rgb(37,30,35)
```
#30272e
```
#30272e rgb(48,39,46)
```
#3b3038
```
#3b3038 rgb(59,48,56)
```
#463842
```
#463842 rgb(70,56,66)
```
#51414c
```
#51414c rgb(81,65,76)
```
#5c4a57
```
#5c4a57 rgb(92,74,87)
```
#665361
```
#665361 rgb(102,83,97)
```
#715b6b
```
#715b6b rgb(113,91,107)
```
#7c6475
```
#7c6475 rgb(124,100,117)
```
#876d80
```
#876d80 rgb(135,109,128)
```

Shade Color Variation

#91778a
```
#91778a rgb(145,119,138)
```
#9a8193
```
#9a8193 rgb(154,129,147)
```
#a28c9c
```
#a28c9c rgb(162,140,156)
```
#ab97a6
```
#ab97a6 rgb(171,151,166)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#bdadb8
```
#bdadb8 rgb(189,173,184)
```
#c6b8c2
```
#c6b8c2 rgb(198,184,194)
```
#cec3cb
```
#cec3cb rgb(206,195,203)
```
#d7cdd4
```
#d7cdd4 rgb(215,205,212)
```
#e0d8de
```
#e0d8de rgb(224,216,222)
```
#e9e3e7
```
#e9e3e7 rgb(233,227,231)
```
#f1eef0
```
#f1eef0 rgb(241,238,240)
```
#faf9fa
```
#faf9fa rgb(250,249,250)
```

Tint Color Variation

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

#aea8ac
```
#aea8ac rgb(174,168,172)
```
#b4a2af
```
#b4a2af rgb(180,162,175)
```
#ba9cb2
```
#ba9cb2 rgb(186,156,178)
```
#c195b5
```
#c195b5 rgb(193,149,181)
```
#c78fb8
```
#c78fb8 rgb(199,143,184)
```
#ce88ba
```
#ce88ba rgb(206,136,186)
```
#d482bd
```
#d482bd rgb(212,130,189)
```
#db7bc0
```
#db7bc0 rgb(219,123,192)
```
#e175c3
```
#e175c3 rgb(225,117,195)
```
#e86ec6
```
#e86ec6 rgb(232,110,198)
```
#ee68c9
```
#ee68c9 rgb(238,104,201)
```
#f561cc
```
#f561cc rgb(245,97,204)
```
#fb5bcf
```
#fb5bcf rgb(251,91,207)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aba8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaab5 Protanopia 1% of men
#b7a6b3 Deuteranopia 1% of men
#b7a6b2 Tritanopia 0.001% of the population

Trichromacy

#aea7b2 Protanomaly 1% of men, 0.01% of women
#b6a5b1 Deuteranomaly 6% of men, 0.4% of women
#b6a5b1 Tritanomaly 0.01% of the population

#b4a2af hex color

#b4a2af Color Information

#b4a2af Color Conversion

Color Schemes with #b4a2af

Alternatives to #b4a2af

#b4a2af Preview

Shades and Tints of #b4a2af

Tones of #b4a2af

Color Blindness Simulator