#b7badd hex color

In a RGB color space, hex #b7badd is composed of 71.8% red, 72.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 15.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 235.3 degrees, a saturation of 35.8% and a lightness of 79.2%. #b7badd color hex could be obtained by blending #ffffff with #6f75bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 73
- B 87
RGB color chart
- C 17
- M 16
- Y 0
- K 13
CMYK color chart

● #b7badd color description : Light grayish blue.

The hexadecimal color #b7badd has RGB values of R:183, G:186, B:221 and CMYK values of C:0.17, M:0.16, Y:0, K:0.13. Its decimal value is 12040925.

Hex triplet	b7badd	`#b7badd`
RGB Decimal	183, 186, 221	`rgb(183,186,221)`
RGB Percent	71.8, 72.9, 86.7	`rgb(71.8%,72.9%,86.7%)`
CMYK	17, 16, 0, 13
HSL	235.3°, 35.8, 79.2	`hsl(235.3,35.8%,79.2%)`
HSV (or HSB)	235.3°, 17.2, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.317, 6.074, -17.846
XYZ	50.136, 50.405, 75.49
xyY	0.285, 0.286, 50.405
CIE-LCH	76.317, 18.851, 288.795
CIE-LUV	76.317, -3.614, -28.819
Hunter-Lab	70.997, 1.808, -13.345
Binary	10110111, 10111010, 11011101

#b7badd
```
#b7badd rgb(183,186,221)
```
#dddab7
```
#dddab7 rgb(221,218,183)
```

Complementary Color

#b7cddd
```
#b7cddd rgb(183,205,221)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#c7b7dd
```
#c7b7dd rgb(199,183,221)
```

Analogous Color

#cdddb7
```
#cdddb7 rgb(205,221,183)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#ddc7b7
```
#ddc7b7 rgb(221,199,183)
```

Split Complementary Color

#baddb7
```
#baddb7 rgb(186,221,183)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#ddb7ba
```
#ddb7ba rgb(221,183,186)
```

Triadic Color

#b7ddda
```
#b7ddda rgb(183,221,218)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#ddb7ba
```
#ddb7ba rgb(221,183,186)
```
#dddab7
```
#dddab7 rgb(221,218,183)
```

Tetradic Color

#8388c4
```
#8388c4 rgb(131,136,196)
```
#9499cd
```
#9499cd rgb(148,153,205)
```
#a6a9d5
```
#a6a9d5 rgb(166,169,213)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#c8cbe5
```
#c8cbe5 rgb(200,203,229)
```
#dadbed
```
#dadbed rgb(218,219,237)
```
#ebecf6
```
#ebecf6 rgb(235,236,246)
```

Monochromatic Color

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

#b7c4dd
```
#b7c4dd rgb(183,196,221)
```
#b7c0dd
```
#b7c0dd rgb(183,192,221)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#b7b7dd
```
#b7b7dd rgb(183,183,221)
```
#bab7dd
```
#bab7dd rgb(186,183,221)
```
#beb7dd
```
#beb7dd rgb(190,183,221)
```

Similar Colors

Text with hexadecimal color #b7badd

This text has a font color of #b7badd.

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

#b7badd background color

This paragraph has a background color of #b7badd.

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

#b7badd border color

This element has a border color of #b7badd.

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

CSS codes

.text {color:#b7badd;}

.background {background-color:#b7badd;}

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0b15
```
#0a0b15 rgb(10,11,21)
```
#101223
```
#101223 rgb(16,18,35)
```
#171930
```
#171930 rgb(23,25,48)
```
#1d1f3d
```
#1d1f3d rgb(29,31,61)
```
#23264b
```
#23264b rgb(35,38,75)
```
#2a2d58
```
#2a2d58 rgb(42,45,88)
```
#303465
```
#303465 rgb(48,52,101)
```
#363b73
```
#363b73 rgb(54,59,115)
```
#3c4280
```
#3c4280 rgb(60,66,128)
```
#43498d
```
#43498d rgb(67,73,141)
```
#494f9b
```
#494f9b rgb(73,79,155)
```
#4f56a8
```
#4f56a8 rgb(79,86,168)
```

Shade Color Variation

#5a61b1
```
#5a61b1 rgb(90,97,177)
```
#676db7
```
#676db7 rgb(103,109,183)
```
#747abe
```
#747abe rgb(116,122,190)
```
#8287c4
```
#8287c4 rgb(130,135,196)
```
#8f94ca
```
#8f94ca rgb(143,148,202)
```
#9ca0d0
```
#9ca0d0 rgb(156,160,208)
```
#aaadd7
```
#aaadd7 rgb(170,173,215)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#c4c7e3
```
#c4c7e3 rgb(196,199,227)
```
#d2d4ea
```
#d2d4ea rgb(210,212,234)
```
#dfe0f0
```
#dfe0f0 rgb(223,224,240)
```
#ecedf6
```
#ecedf6 rgb(236,237,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#c7c8cd
```
#c7c8cd rgb(199,200,205)
```
#c3c4d1
```
#c3c4d1 rgb(195,196,209)
```
#bfc1d5
```
#bfc1d5 rgb(191,193,213)
```
#bbbdd9
```
#bbbdd9 rgb(187,189,217)
```
#b7badd
```
#b7badd rgb(183,186,221)
```
#b3b7e1
```
#b3b7e1 rgb(179,183,225)
```
#afb3e5
```
#afb3e5 rgb(175,179,229)
```
#abb0e9
```
#abb0e9 rgb(171,176,233)
```
#a7aced
```
#a7aced rgb(167,172,237)
```
#a3a9f1
```
#a3a9f1 rgb(163,169,241)
```
#9fa5f5
```
#9fa5f5 rgb(159,165,245)
```
#9aa2fa
```
#9aa2fa rgb(154,162,250)
```
#969ffe
```
#969ffe rgb(150,159,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bcbcc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bedf Protanopia 1% of men
#c1bbdf Deuteranopia 1% of men
#b7c0ce Tritanopia 0.001% of the population

Trichromacy

#b8bcde Protanomaly 1% of men, 0.01% of women
#bdbbde Deuteranomaly 6% of men, 0.4% of women
#b7bed3 Tritanomaly 0.01% of the population

#b7badd hex color

#b7badd Color Information

#b7badd Color Conversion

Color Schemes with #b7badd

Alternatives to #b7badd

#b7badd Preview

Shades and Tints of #b7badd

Tones of #b7badd

Color Blindness Simulator