#b2a2af hex color

In a RGB color space, hex #b2a2af is composed of 69.8% red, 63.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 311.3 degrees, a saturation of 9.4% and a lightness of 66.7%. #b2a2af color hex could be obtained by blending #ffffff with #65455f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 64
- B 69
RGB color chart
- C 0
- M 9
- Y 2
- K 30
CMYK color chart

● #b2a2af color description : Dark grayish magenta.

The hexadecimal color #b2a2af has RGB values of R:178, G:162, B:175 and CMYK values of C:0, M:0.09, Y:0.02, K:0.3. Its decimal value is 11707055.

Hex triplet	b2a2af	`#b2a2af`
RGB Decimal	178, 162, 175	`rgb(178,162,175)`
RGB Percent	69.8, 63.5, 68.6	`rgb(69.8%,63.5%,68.6%)`
CMYK	0, 9, 2, 30
HSL	311.3°, 9.4, 66.7	`hsl(311.3,9.4%,66.7%)`
HSV (or HSB)	311.3°, 9, 69.8
Web Safe	999999	`#999999`

CIE-LAB	68.315, 8.172, -4.604
XYZ	39.017, 38.401, 45.912
xyY	0.316, 0.311, 38.401
CIE-LCH	68.315, 9.38, 330.605
CIE-LUV	68.315, 8.424, -8.187
Hunter-Lab	61.969, 3.943, -0.549
Binary	10110010, 10100010, 10101111

#b2a2af
```
#b2a2af rgb(178,162,175)
```
#a2b2a5
```
#a2b2a5 rgb(162,178,165)
```

Complementary Color

#ada2b2
```
#ada2b2 rgb(173,162,178)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#b2a2a7
```
#b2a2a7 rgb(178,162,167)
```

Analogous Color

#a2b2ad
```
#a2b2ad rgb(162,178,173)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#a7b2a2
```
#a7b2a2 rgb(167,178,162)
```

Split Complementary Color

#a2afb2
```
#a2afb2 rgb(162,175,178)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#afb2a2
```
#afb2a2 rgb(175,178,162)
```

Triadic Color

#a5a2b2
```
#a5a2b2 rgb(165,162,178)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#afb2a2
```
#afb2a2 rgb(175,178,162)
```
#a2b2a5
```
#a2b2a5 rgb(162,178,165)
```

Tetradic Color

#8f788b
```
#8f788b rgb(143,120,139)
```
#9b8697
```
#9b8697 rgb(155,134,151)
```
#a694a3
```
#a694a3 rgb(166,148,163)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#beb0bb
```
#beb0bb rgb(190,176,187)
```
#c9bec7
```
#c9bec7 rgb(201,190,199)
```
#d5ccd3
```
#d5ccd3 rgb(213,204,211)
```

Monochromatic Color

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

#b1a2b2
```
#b1a2b2 rgb(177,162,178)
```
#b2a2b2
```
#b2a2b2 rgb(178,162,178)
```
#b2a2b0
```
#b2a2b0 rgb(178,162,176)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#b2a2ae
```
#b2a2ae rgb(178,162,174)
```
#b2a2ac
```
#b2a2ac rgb(178,162,172)
```
#b2a2ab
```
#b2a2ab rgb(178,162,171)
```

Similar Colors

Text with hexadecimal color #b2a2af

This text has a font color of #b2a2af.

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

#b2a2af background color

This paragraph has a background color of #b2a2af.

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

#b2a2af border color

This element has a border color of #b2a2af.

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

CSS codes

.text {color:#b2a2af;}

.background {background-color:#b2a2af;}

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

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

#040303
```
#040303 rgb(4,3,3)
```
#0e0c0e
```
#0e0c0e rgb(14,12,14)
```
#191518
```
#191518 rgb(25,21,24)
```
#241e23
```
#241e23 rgb(36,30,35)
```
#2f272d
```
#2f272d rgb(47,39,45)
```
#392f37
```
#392f37 rgb(57,47,55)
```
#443842
```
#443842 rgb(68,56,66)
```
#4f414c
```
#4f414c rgb(79,65,76)
```
#594a57
```
#594a57 rgb(89,74,87)
```
#645361
```
#645361 rgb(100,83,97)
```
#6f5c6b
```
#6f5c6b rgb(111,92,107)
```
#7a6576
```
#7a6576 rgb(122,101,118)
```
#846e80
```
#846e80 rgb(132,110,128)
```

Shade Color Variation

#8e778a
```
#8e778a rgb(142,119,138)
```
#978293
```
#978293 rgb(151,130,147)
```
#a08d9d
```
#a08d9d rgb(160,141,157)
```
#a997a6
```
#a997a6 rgb(169,151,166)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#bbadb8
```
#bbadb8 rgb(187,173,184)
```
#c4b7c1
```
#c4b7c1 rgb(196,183,193)
```
#cdc2cb
```
#cdc2cb rgb(205,194,203)
```
#d6cdd4
```
#d6cdd4 rgb(214,205,212)
```
#ded8dd
```
#ded8dd rgb(222,216,221)
```
#e7e2e6
```
#e7e2e6 rgb(231,226,230)
```
#f0edf0
```
#f0edf0 rgb(240,237,240)
```
#f9f8f9
```
#f9f8f9 rgb(249,248,249)
```

Tint Color Variation

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

#aba9ab
```
#aba9ab rgb(171,169,171)
```
#b2a2af
```
#b2a2af rgb(178,162,175)
```
#b99bb3
```
#b99bb3 rgb(185,155,179)
```
#bf95b7
```
#bf95b7 rgb(191,149,183)
```
#c68ebb
```
#c68ebb rgb(198,142,187)
```
#cc88bf
```
#cc88bf rgb(204,136,191)
```
#d381c3
```
#d381c3 rgb(211,129,195)
```
#d97bc8
```
#d97bc8 rgb(217,123,200)
```
#e074cc
```
#e074cc rgb(224,116,204)
```
#e66ed0
```
#e66ed0 rgb(230,110,208)
```
#ed67d4
```
#ed67d4 rgb(237,103,212)
```
#f361d8
```
#f361d8 rgb(243,97,216)
```
#fa5adc
```
#fa5adc rgb(250,90,220)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaa7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaab4 Protanopia 1% of men
#b7a6b3 Deuteranopia 1% of men
#b5a6b2 Tritanopia 0.001% of the population

Trichromacy

#ada7b2 Protanomaly 1% of men, 0.01% of women
#b5a4b1 Deuteranomaly 6% of men, 0.4% of women
#b4a5b1 Tritanomaly 0.01% of the population

#b2a2af hex color

#b2a2af Color Information

#b2a2af Color Conversion

Color Schemes with #b2a2af

Alternatives to #b2a2af

#b2a2af Preview

Shades and Tints of #b2a2af

Tones of #b2a2af

Color Blindness Simulator