#b2a8bc hex color

In a RGB color space, hex #b2a8bc is composed of 69.8% red, 65.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 5.3% cyan, 10.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 270 degrees, a saturation of 13% and a lightness of 69.8%. #b2a8bc color hex could be obtained by blending #ffffff with #655179. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 66
- B 74
RGB color chart
- C 5
- M 11
- Y 0
- K 26
CMYK color chart

● #b2a8bc color description : Grayish violet.

The hexadecimal color #b2a8bc has RGB values of R:178, G:168, B:188 and CMYK values of C:0.05, M:0.11, Y:0, K:0.26. Its decimal value is 11708604.

Hex triplet	b2a8bc	`#b2a8bc`
RGB Decimal	178, 168, 188	`rgb(178,168,188)`
RGB Percent	69.8, 65.9, 73.7	`rgb(69.8%,65.9%,73.7%)`
CMYK	5, 11, 0, 26
HSL	270°, 13, 69.8	`hsl(270,13%,69.8%)`
HSV (or HSB)	270°, 10.6, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.247, 7.379, -8.946
XYZ	41.438, 41.101, 53.324
xyY	0.305, 0.303, 41.101
CIE-LCH	70.247, 11.596, 309.519
CIE-LUV	70.247, 4.392, -14.688
Hunter-Lab	64.11, 3.182, -4.438
Binary	10110010, 10101000, 10111100

#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#b2bca8
```
#b2bca8 rgb(178,188,168)
```

Complementary Color

#a8a8bc
```
#a8a8bc rgb(168,168,188)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#bca8bc
```
#bca8bc rgb(188,168,188)
```

Analogous Color

#a8bca8
```
#a8bca8 rgb(168,188,168)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#bcbca8
```
#bcbca8 rgb(188,188,168)
```

Split Complementary Color

#a8bcb2
```
#a8bcb2 rgb(168,188,178)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#bcb2a8
```
#bcb2a8 rgb(188,178,168)
```

Triadic Color

#a8b2bc
```
#a8b2bc rgb(168,178,188)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#bcb2a8
```
#bcb2a8 rgb(188,178,168)
```
#b2bca8
```
#b2bca8 rgb(178,188,168)
```

Tetradic Color

#8c7d9b
```
#8c7d9b rgb(140,125,155)
```
#998ba6
```
#998ba6 rgb(153,139,166)
```
#a59ab1
```
#a59ab1 rgb(165,154,177)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#bfb6c7
```
#bfb6c7 rgb(191,182,199)
```
#ccc5d2
```
#ccc5d2 rgb(204,197,210)
```
#d8d3dd
```
#d8d3dd rgb(216,211,221)
```

Monochromatic Color

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

#ada8bc
```
#ada8bc rgb(173,168,188)
```
#afa8bc
```
#afa8bc rgb(175,168,188)
```
#b0a8bc
```
#b0a8bc rgb(176,168,188)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#b4a8bc
```
#b4a8bc rgb(180,168,188)
```
#b5a8bc
```
#b5a8bc rgb(181,168,188)
```
#b7a8bc
```
#b7a8bc rgb(183,168,188)
```

Similar Colors

Text with hexadecimal color #b2a8bc

This text has a font color of #b2a8bc.

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

#b2a8bc background color

This paragraph has a background color of #b2a8bc.

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

#b2a8bc border color

This element has a border color of #b2a8bc.

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

CSS codes

.text {color:#b2a8bc;}

.background {background-color:#b2a8bc;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b0a0d
```
#0b0a0d rgb(11,10,13)
```
#151218
```
#151218 rgb(21,18,24)
```
#1f1b23
```
#1f1b23 rgb(31,27,35)
```
#29232e
```
#29232e rgb(41,35,46)
```
#332c39
```
#332c39 rgb(51,44,57)
```
#3c3444
```
#3c3444 rgb(60,52,68)
```
#463d4f
```
#463d4f rgb(70,61,79)
```
#50465a
```
#50465a rgb(80,70,90)
```
#5a4e65
```
#5a4e65 rgb(90,78,101)
```
#645770
```
#645770 rgb(100,87,112)
```
#6d5f7c
```
#6d5f7c rgb(109,95,124)
```
#776887
```
#776887 rgb(119,104,135)
```

Shade Color Variation

#817191
```
#817191 rgb(129,113,145)
```
#8b7c9a
```
#8b7c9a rgb(139,124,154)
```
#9587a2
```
#9587a2 rgb(149,135,162)
```
#9e92ab
```
#9e92ab rgb(158,146,171)
```
#a89db3
```
#a89db3 rgb(168,157,179)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#bcb3c5
```
#bcb3c5 rgb(188,179,197)
```
#c6becd
```
#c6becd rgb(198,190,205)
```
#cfc9d6
```
#cfc9d6 rgb(207,201,214)
```
#d9d4de
```
#d9d4de rgb(217,212,222)
```
#e3dfe7
```
#e3dfe7 rgb(227,223,231)
```
#edeaef
```
#edeaef rgb(237,234,239)
```
#f7f6f8
```
#f7f6f8 rgb(247,246,248)
```

Tint Color Variation

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

#b2aeb6
```
#b2aeb6 rgb(178,174,182)
```
#b2a8bc
```
#b2a8bc rgb(178,168,188)
```
#b2a2c2
```
#b2a2c2 rgb(178,162,194)
```
#b29cc8
```
#b29cc8 rgb(178,156,200)
```
#b296ce
```
#b296ce rgb(178,150,206)
```
#b290d4
```
#b290d4 rgb(178,144,212)
```
#b28ada
```
#b28ada rgb(178,138,218)
```
#b284e0
```
#b284e0 rgb(178,132,224)
```
#b27fe5
```
#b27fe5 rgb(178,127,229)
```
#b279eb
```
#b279eb rgb(178,121,235)
```
#b273f1
```
#b273f1 rgb(178,115,241)
```
#b26df7
```
#b26df7 rgb(178,109,247)
```
#b267fd
```
#b267fd rgb(178,103,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#aeacb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaec0 Protanopia 1% of men
#b8abbf Deuteranopia 1% of men
#b4adb9 Tritanopia 0.001% of the population

Trichromacy

#afacbf Protanomaly 1% of men, 0.01% of women
#b6aabe Deuteranomaly 6% of men, 0.4% of women
#b3abba Tritanomaly 0.01% of the population

#b2a8bc hex color

#b2a8bc Color Information

#b2a8bc Color Conversion

Color Schemes with #b2a8bc

Alternatives to #b2a8bc

#b2a8bc Preview

Shades and Tints of #b2a8bc

Tones of #b2a8bc

Color Blindness Simulator