#b4badb hex color

In a RGB color space, hex #b4badb is composed of 70.6% red, 72.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 15.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 230.8 degrees, a saturation of 35.1% and a lightness of 78.2%. #b4badb color hex could be obtained by blending #ffffff with #6975b7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 73
- B 86
RGB color chart
- C 18
- M 15
- Y 0
- K 14
CMYK color chart

● #b4badb color description : Light grayish blue.

The hexadecimal color #b4badb has RGB values of R:180, G:186, B:219 and CMYK values of C:0.18, M:0.15, Y:0, K:0.14. Its decimal value is 11844315.

Hex triplet	b4badb	`#b4badb`
RGB Decimal	180, 186, 219	`rgb(180,186,219)`
RGB Percent	70.6, 72.9, 85.9	`rgb(70.6%,72.9%,85.9%)`
CMYK	18, 15, 0, 14
HSL	230.8°, 35.1, 78.2	`hsl(230.8,35.1%,78.2%)`
HSV (or HSB)	230.8°, 17.8, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.029, 4.689, -17.219
XYZ	49.165, 49.935, 74.062
xyY	0.284, 0.288, 49.935
CIE-LCH	76.029, 17.846, 285.234
CIE-LUV	76.029, -5.048, -27.572
Hunter-Lab	70.665, 0.528, -12.675
Binary	10110100, 10111010, 11011011

#b4badb
```
#b4badb rgb(180,186,219)
```
#dbd5b4
```
#dbd5b4 rgb(219,213,180)
```

Complementary Color

#b4cedb
```
#b4cedb rgb(180,206,219)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#c2b4db
```
#c2b4db rgb(194,180,219)
```

Analogous Color

#cedbb4
```
#cedbb4 rgb(206,219,180)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#dbc2b4
```
#dbc2b4 rgb(219,194,180)
```

Split Complementary Color

#badbb4
```
#badbb4 rgb(186,219,180)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#dbb4ba
```
#dbb4ba rgb(219,180,186)
```

Triadic Color

#b4dbd5
```
#b4dbd5 rgb(180,219,213)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#dbb4ba
```
#dbb4ba rgb(219,180,186)
```
#dbd5b4
```
#dbd5b4 rgb(219,213,180)
```

Tetradic Color

#808ac2
```
#808ac2 rgb(128,138,194)
```
#929aca
```
#929aca rgb(146,154,202)
```
#a3aad3
```
#a3aad3 rgb(163,170,211)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#c5cae3
```
#c5cae3 rgb(197,202,227)
```
#d6daec
```
#d6daec rgb(214,218,236)
```
#e8eaf4
```
#e8eaf4 rgb(232,234,244)
```

Monochromatic Color

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

#b4c4db
```
#b4c4db rgb(180,196,219)
```
#b4c1db
```
#b4c1db rgb(180,193,219)
```
#b4bddb
```
#b4bddb rgb(180,189,219)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#b4b7db
```
#b4b7db rgb(180,183,219)
```
#b5b4db
```
#b5b4db rgb(181,180,219)
```
#b8b4db
```
#b8b4db rgb(184,180,219)
```

Similar Colors

Text with hexadecimal color #b4badb

This text has a font color of #b4badb.

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

#b4badb background color

This paragraph has a background color of #b4badb.

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

#b4badb border color

This element has a border color of #b4badb.

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

CSS codes

.text {color:#b4badb;}

.background {background-color:#b4badb;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090a12
```
#090a12 rgb(9,10,18)
```
#0f111f
```
#0f111f rgb(15,17,31)
```
#15192c
```
#15192c rgb(21,25,44)
```
#1c203a
```
#1c203a rgb(28,32,58)
```
#222847
```
#222847 rgb(34,40,71)
```
#282f54
```
#282f54 rgb(40,47,84)
```
#2f3661
```
#2f3661 rgb(47,54,97)
```
#353e6f
```
#353e6f rgb(53,62,111)
```
#3b457c
```
#3b457c rgb(59,69,124)
```
#424d89
```
#424d89 rgb(66,77,137)
```
#485496
```
#485496 rgb(72,84,150)
```
#4f5ca4
```
#4f5ca4 rgb(79,92,164)
```

Shade Color Variation

#5765ae
```
#5765ae rgb(87,101,174)
```
#6471b5
```
#6471b5 rgb(100,113,181)
```
#727dbb
```
#727dbb rgb(114,125,187)
```
#7f89c2
```
#7f89c2 rgb(127,137,194)
```
#8c95c8
```
#8c95c8 rgb(140,149,200)
```
#99a2ce
```
#99a2ce rgb(153,162,206)
```
#a7aed5
```
#a7aed5 rgb(167,174,213)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#c1c6e1
```
#c1c6e1 rgb(193,198,225)
```
#cfd2e8
```
#cfd2e8 rgb(207,210,232)
```
#dcdfee
```
#dcdfee rgb(220,223,238)
```
#e9ebf4
```
#e9ebf4 rgb(233,235,244)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#c5c6ca
```
#c5c6ca rgb(197,198,202)
```
#c1c3ce
```
#c1c3ce rgb(193,195,206)
```
#bdc0d2
```
#bdc0d2 rgb(189,192,210)
```
#b8bdd7
```
#b8bdd7 rgb(184,189,215)
```
#b4badb
```
#b4badb rgb(180,186,219)
```
#b0b7df
```
#b0b7df rgb(176,183,223)
```
#abb4e4
```
#abb4e4 rgb(171,180,228)
```
#a7b1e8
```
#a7b1e8 rgb(167,177,232)
```
#a3aeec
```
#a3aeec rgb(163,174,236)
```
#9fabf0
```
#9fabf0 rgb(159,171,240)
```
#9aa8f5
```
#9aa8f5 rgb(154,168,245)
```
#96a5f9
```
#96a5f9 rgb(150,165,249)
```
#92a2fd
```
#92a2fd rgb(146,162,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#babcc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bddc Protanopia 1% of men
#c0badd Deuteranopia 1% of men
#b4c0ce Tritanopia 0.001% of the population

Trichromacy

#b6bcdc Protanomaly 1% of men, 0.01% of women
#bcbadc Deuteranomaly 6% of men, 0.4% of women
#b4bdd2 Tritanomaly 0.01% of the population

#b4badb hex color

#b4badb Color Information

#b4badb Color Conversion

Color Schemes with #b4badb

Alternatives to #b4badb

#b4badb Preview

Shades and Tints of #b4badb

Tones of #b4badb

Color Blindness Simulator