#b2a5d4 hex color

In a RGB color space, hex #b2a5d4 is composed of 69.8% red, 64.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 22.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 256.6 degrees, a saturation of 35.3% and a lightness of 73.9%. #b2a5d4 color hex could be obtained by blending #ffffff with #654ba9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 65
- B 83
RGB color chart
- C 16
- M 22
- Y 0
- K 17
CMYK color chart

● #b2a5d4 color description : Grayish violet.

The hexadecimal color #b2a5d4 has RGB values of R:178, G:165, B:212 and CMYK values of C:0.16, M:0.22, Y:0, K:0.17. Its decimal value is 11707860.

Hex triplet	b2a5d4	`#b2a5d4`
RGB Decimal	178, 165, 212	`rgb(178,165,212)`
RGB Percent	69.8, 64.7, 83.1	`rgb(69.8%,64.7%,83.1%)`
CMYK	16, 22, 0, 17
HSL	256.6°, 35.3, 73.9	`hsl(256.6,35.3%,73.9%)`
HSV (or HSB)	256.6°, 22.2, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.266, 14.063, -22.153
XYZ	43.697, 41.129, 67.92
xyY	0.286, 0.269, 41.129
CIE-LCH	70.266, 26.24, 302.408
CIE-LUV	70.266, 3.991, -36.634
Hunter-Lab	64.132, 9.393, -17.9
Binary	10110010, 10100101, 11010100

#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#c7d4a5
```
#c7d4a5 rgb(199,212,165)
```

Complementary Color

#a5b0d4
```
#a5b0d4 rgb(165,176,212)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#caa5d4
```
#caa5d4 rgb(202,165,212)
```

Analogous Color

#b0d4a5
```
#b0d4a5 rgb(176,212,165)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#d4caa5
```
#d4caa5 rgb(212,202,165)
```

Split Complementary Color

#a5d4b2
```
#a5d4b2 rgb(165,212,178)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#d4b2a5
```
#d4b2a5 rgb(212,178,165)
```

Triadic Color

#a5c7d4
```
#a5c7d4 rgb(165,199,212)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#d4b2a5
```
#d4b2a5 rgb(212,178,165)
```
#c7d4a5
```
#c7d4a5 rgb(199,212,165)
```

Tetradic Color

#8671bb
```
#8671bb rgb(134,113,187)
```
#9482c4
```
#9482c4 rgb(148,130,196)
```
#a394cc
```
#a394cc rgb(163,148,204)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#c1b6dc
```
#c1b6dc rgb(193,182,220)
```
#d0c8e4
```
#d0c8e4 rgb(208,200,228)
```
#ded9ed
```
#ded9ed rgb(222,217,237)
```

Monochromatic Color

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

#a6a5d4
```
#a6a5d4 rgb(166,165,212)
```
#aaa5d4
```
#aaa5d4 rgb(170,165,212)
```
#aea5d4
```
#aea5d4 rgb(174,165,212)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#b6a5d4
```
#b6a5d4 rgb(182,165,212)
```
#baa5d4
```
#baa5d4 rgb(186,165,212)
```
#bea5d4
```
#bea5d4 rgb(190,165,212)
```

Similar Colors

Text with hexadecimal color #b2a5d4

This text has a font color of #b2a5d4.

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

#b2a5d4 background color

This paragraph has a background color of #b2a5d4.

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

#b2a5d4 border color

This element has a border color of #b2a5d4.

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

CSS codes

.text {color:#b2a5d4;}

.background {background-color:#b2a5d4;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0a0810
```
#0a0810 rgb(10,8,16)
```
#120e1d
```
#120e1d rgb(18,14,29)
```
#1b142b
```
#1b142b rgb(27,20,43)
```
#231b38
```
#231b38 rgb(35,27,56)
```
#2b2145
```
#2b2145 rgb(43,33,69)
```
#332753
```
#332753 rgb(51,39,83)
```
#3c2e60
```
#3c2e60 rgb(60,46,96)
```
#44346d
```
#44346d rgb(68,52,109)
```
#4c3a7a
```
#4c3a7a rgb(76,58,122)
```
#544188
```
#544188 rgb(84,65,136)
```
#5d4795
```
#5d4795 rgb(93,71,149)
```
#654da2
```
#654da2 rgb(101,77,162)
```

Shade Color Variation

#6e55ae
```
#6e55ae rgb(110,85,174)
```
#7963b4
```
#7963b4 rgb(121,99,180)
```
#8570bb
```
#8570bb rgb(133,112,187)
```
#907dc1
```
#907dc1 rgb(144,125,193)
```
#9b8ac7
```
#9b8ac7 rgb(155,138,199)
```
#a798ce
```
#a798ce rgb(167,152,206)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#bdb2da
```
#bdb2da rgb(189,178,218)
```
#c9c0e1
```
#c9c0e1 rgb(201,192,225)
```
#d4cde7
```
#d4cde7 rgb(212,205,231)
```
#dfdaed
```
#dfdaed rgb(223,218,237)
```
#ebe7f4
```
#ebe7f4 rgb(235,231,244)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

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

#bbb9c0
```
#bbb9c0 rgb(187,185,192)
```
#b9b4c5
```
#b9b4c5 rgb(185,180,197)
```
#b7afca
```
#b7afca rgb(183,175,202)
```
#b4aacf
```
#b4aacf rgb(180,170,207)
```
#b2a5d4
```
#b2a5d4 rgb(178,165,212)
```
#b0a0d9
```
#b0a0d9 rgb(176,160,217)
```
#ad9bde
```
#ad9bde rgb(173,155,222)
```
#ab96e3
```
#ab96e3 rgb(171,150,227)
```
#a991e8
```
#a991e8 rgb(169,145,232)
```
#a78bee
```
#a78bee rgb(167,139,238)
```
#a486f3
```
#a486f3 rgb(164,134,243)
```
#a281f8
```
#a281f8 rgb(162,129,248)
```
#a07cfd
```
#a07cfd rgb(160,124,253)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#afacb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4aed9 Protanopia 1% of men
#acacd5 Deuteranopia 1% of men
#b0aebb Tritanopia 0.001% of the population

Trichromacy

#a9aad7 Protanomaly 1% of men, 0.01% of women
#aea9d4 Deuteranomaly 6% of men, 0.4% of women
#b1abc4 Tritanomaly 0.01% of the population

#b2a5d4 hex color

#b2a5d4 Color Information

#b2a5d4 Color Conversion

Color Schemes with #b2a5d4

Alternatives to #b2a5d4

#b2a5d4 Preview

Shades and Tints of #b2a5d4

Tones of #b2a5d4

Color Blindness Simulator