#b4abd7 hex color

In a RGB color space, hex #b4abd7 is composed of 70.6% red, 67.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 20.5% magenta, 0% yellow and 15.7% black. It has a hue angle of 252.3 degrees, a saturation of 35.5% and a lightness of 75.7%. #b4abd7 color hex could be obtained by blending #ffffff with #6957af. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 67
- B 84
RGB color chart
- C 16
- M 20
- Y 0
- K 16
CMYK color chart

● #b4abd7 color description : Grayish blue.

The hexadecimal color #b4abd7 has RGB values of R:180, G:171, B:215 and CMYK values of C:0.16, M:0.2, Y:0, K:0.16. Its decimal value is 11840471.

Hex triplet	b4abd7	`#b4abd7`
RGB Decimal	180, 171, 215	`rgb(180,171,215)`
RGB Percent	70.6, 67.1, 84.3	`rgb(70.6%,67.1%,84.3%)`
CMYK	16, 20, 0, 16
HSL	252.3°, 35.5, 75.7	`hsl(252.3,35.5%,75.7%)`
HSV (or HSB)	252.3°, 20.5, 84.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.051, 12.031, -21.067
XYZ	45.649, 43.735, 70.323
xyY	0.286, 0.274, 43.735
CIE-LCH	72.051, 24.26, 299.73
CIE-LUV	72.051, 2.091, -34.698
Hunter-Lab	66.133, 7.48, -16.754
Binary	10110100, 10101011, 11010111

#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#ced7ab
```
#ced7ab rgb(206,215,171)
```

Complementary Color

#abb8d7
```
#abb8d7 rgb(171,184,215)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#caabd7
```
#caabd7 rgb(202,171,215)
```

Analogous Color

#b8d7ab
```
#b8d7ab rgb(184,215,171)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#d7caab
```
#d7caab rgb(215,202,171)
```

Split Complementary Color

#abd7b4
```
#abd7b4 rgb(171,215,180)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#d7b4ab
```
#d7b4ab rgb(215,180,171)
```

Triadic Color

#abced7
```
#abced7 rgb(171,206,215)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#d7b4ab
```
#d7b4ab rgb(215,180,171)
```
#ced7ab
```
#ced7ab rgb(206,215,171)
```

Tetradic Color

#8677be
```
#8677be rgb(134,119,190)
```
#9588c7
```
#9588c7 rgb(149,136,199)
```
#a59acf
```
#a59acf rgb(165,154,207)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#c3bcdf
```
#c3bcdf rgb(195,188,223)
```
#d3cee7
```
#d3cee7 rgb(211,206,231)
```
#e2dff0
```
#e2dff0 rgb(226,223,240)
```

Monochromatic Color

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

#abadd7
```
#abadd7 rgb(171,173,215)
```
#adabd7
```
#adabd7 rgb(173,171,215)
```
#b0abd7
```
#b0abd7 rgb(176,171,215)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#b8abd7
```
#b8abd7 rgb(184,171,215)
```
#bbabd7
```
#bbabd7 rgb(187,171,215)
```
#bfabd7
```
#bfabd7 rgb(191,171,215)
```

Similar Colors

Text with hexadecimal color #b4abd7

This text has a font color of #b4abd7.

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

#b4abd7 background color

This paragraph has a background color of #b4abd7.

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

#b4abd7 border color

This element has a border color of #b4abd7.

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

CSS codes

.text {color:#b4abd7;}

.background {background-color:#b4abd7;}

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

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

#050409
```
#050409 rgb(5,4,9)
```
#0d0b16
```
#0d0b16 rgb(13,11,22)
```
#151124
```
#151124 rgb(21,17,36)
```
#1d1731
```
#1d1731 rgb(29,23,49)
```
#241e3e
```
#241e3e rgb(36,30,62)
```
#2c244b
```
#2c244b rgb(44,36,75)
```
#342a59
```
#342a59 rgb(52,42,89)
```
#3c3166
```
#3c3166 rgb(60,49,102)
```
#433773
```
#433773 rgb(67,55,115)
```
#4b3d81
```
#4b3d81 rgb(75,61,129)
```
#53448e
```
#53448e rgb(83,68,142)
```
#5b4a9b
```
#5b4a9b rgb(91,74,155)
```
#6250a8
```
#6250a8 rgb(98,80,168)
```

Shade Color Variation

#6d5bb1
```
#6d5bb1 rgb(109,91,177)
```
#7969b7
```
#7969b7 rgb(121,105,183)
```
#8576be
```
#8576be rgb(133,118,190)
```
#9083c4
```
#9083c4 rgb(144,131,196)
```
#9c90ca
```
#9c90ca rgb(156,144,202)
```
#a89ed1
```
#a89ed1 rgb(168,158,209)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#c0b8dd
```
#c0b8dd rgb(192,184,221)
```
#ccc6e4
```
#ccc6e4 rgb(204,198,228)
```
#d8d3ea
```
#d8d3ea rgb(216,211,234)
```
#e3e0f0
```
#e3e0f0 rgb(227,224,240)
```
#efedf7
```
#efedf7 rgb(239,237,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#bfbec4
```
#bfbec4 rgb(191,190,196)
```
#bcb9c9
```
#bcb9c9 rgb(188,185,201)
```
#bab5cd
```
#bab5cd rgb(186,181,205)
```
#b7b0d2
```
#b7b0d2 rgb(183,176,210)
```
#b4abd7
```
#b4abd7 rgb(180,171,215)
```
#b1a6dc
```
#b1a6dc rgb(177,166,220)
```
#aea1e1
```
#aea1e1 rgb(174,161,225)
```
#ac9de5
```
#ac9de5 rgb(172,157,229)
```
#a998ea
```
#a998ea rgb(169,152,234)
```
#a693ef
```
#a693ef rgb(166,147,239)
```
#a38ef4
```
#a38ef4 rgb(163,142,244)
```
#a08af8
```
#a08af8 rgb(160,138,248)
```
#9d85fd
```
#9d85fd rgb(157,133,253)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b1ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab3db Protanopia 1% of men
#b2b1d8 Deuteranopia 1% of men
#b2b3c0 Tritanopia 0.001% of the population

Trichromacy

#aeb0d9 Protanomaly 1% of men, 0.01% of women
#b3aed7 Deuteranomaly 6% of men, 0.4% of women
#b3b0c8 Tritanomaly 0.01% of the population

#b4abd7 hex color

#b4abd7 Color Information

#b4abd7 Color Conversion

Color Schemes with #b4abd7

Alternatives to #b4abd7

#b4abd7 Preview

Shades and Tints of #b4abd7

Tones of #b4abd7

Color Blindness Simulator