#b7bddd hex color

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

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

● #b7bddd color description : Light grayish blue.

The hexadecimal color #b7bddd has RGB values of R:183, G:189, B:221 and CMYK values of C:0.17, M:0.14, Y:0, K:0.13. Its decimal value is 12041693.

Hex triplet	b7bddd	`#b7bddd`
RGB Decimal	183, 189, 221	`rgb(183,189,221)`
RGB Percent	71.8, 74.1, 86.7	`rgb(71.8%,74.1%,86.7%)`
CMYK	17, 14, 0, 13
HSL	230.5°, 35.8, 79.2	`hsl(230.5,35.8%,79.2%)`
HSV (or HSB)	230.5°, 17.2, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.091, 4.449, -16.679
XYZ	50.775, 51.682, 75.703
xyY	0.285, 0.29, 51.682
CIE-LCH	77.091, 17.262, 284.935
CIE-LUV	77.091, -4.997, -26.715
Hunter-Lab	71.89, 0.262, -12.111
Binary	10110111, 10111101, 11011101

#b7bddd
```
#b7bddd rgb(183,189,221)
```
#ddd7b7
```
#ddd7b7 rgb(221,215,183)
```

Complementary Color

#b7d0dd
```
#b7d0dd rgb(183,208,221)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#c4b7dd
```
#c4b7dd rgb(196,183,221)
```

Analogous Color

#d0ddb7
```
#d0ddb7 rgb(208,221,183)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#ddc4b7
```
#ddc4b7 rgb(221,196,183)
```

Split Complementary Color

#bdddb7
```
#bdddb7 rgb(189,221,183)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#ddb7bd
```
#ddb7bd rgb(221,183,189)
```

Triadic Color

#b7ddd7
```
#b7ddd7 rgb(183,221,215)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#ddb7bd
```
#ddb7bd rgb(221,183,189)
```
#ddd7b7
```
#ddd7b7 rgb(221,215,183)
```

Tetradic Color

#838dc4
```
#838dc4 rgb(131,141,196)
```
#949dcd
```
#949dcd rgb(148,157,205)
```
#a6add5
```
#a6add5 rgb(166,173,213)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#c8cde5
```
#c8cde5 rgb(200,205,229)
```
#dadded
```
#dadded rgb(218,221,237)
```
#ebedf6
```
#ebedf6 rgb(235,237,246)
```

Monochromatic Color

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

#b7c7dd
```
#b7c7dd rgb(183,199,221)
```
#b7c3dd
```
#b7c3dd rgb(183,195,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)
```
#bbb7dd
```
#bbb7dd rgb(187,183,221)
```

Similar Colors

Text with hexadecimal color #b7bddd

This text has a font color of #b7bddd.

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

#b7bddd background color

This paragraph has a background color of #b7bddd.

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

#b7bddd border color

This element has a border color of #b7bddd.

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

CSS codes

.text {color:#b7bddd;}

.background {background-color:#b7bddd;}

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

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)
```
#0a0c15
```
#0a0c15 rgb(10,12,21)
```
#101323
```
#101323 rgb(16,19,35)
```
#171b30
```
#171b30 rgb(23,27,48)
```
#1d223d
```
#1d223d rgb(29,34,61)
```
#23294b
```
#23294b rgb(35,41,75)
```
#2a3158
```
#2a3158 rgb(42,49,88)
```
#303865
```
#303865 rgb(48,56,101)
```
#364073
```
#364073 rgb(54,64,115)
```
#3c4780
```
#3c4780 rgb(60,71,128)
```
#434e8d
```
#434e8d rgb(67,78,141)
```
#49569b
```
#49569b rgb(73,86,155)
```
#4f5da8
```
#4f5da8 rgb(79,93,168)
```

Shade Color Variation

#5a68b1
```
#5a68b1 rgb(90,104,177)
```
#6774b7
```
#6774b7 rgb(103,116,183)
```
#7480be
```
#7480be rgb(116,128,190)
```
#828cc4
```
#828cc4 rgb(130,140,196)
```
#8f98ca
```
#8f98ca rgb(143,152,202)
```
#9ca5d0
```
#9ca5d0 rgb(156,165,208)
```
#aab1d7
```
#aab1d7 rgb(170,177,215)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#c4c9e3
```
#c4c9e3 rgb(196,201,227)
```
#d2d5ea
```
#d2d5ea rgb(210,213,234)
```
#dfe2f0
```
#dfe2f0 rgb(223,226,240)
```
#eceef6
```
#eceef6 rgb(236,238,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 #96a7fe is the most saturated one.

#c7c8cd
```
#c7c8cd rgb(199,200,205)
```
#c3c5d1
```
#c3c5d1 rgb(195,197,209)
```
#bfc3d5
```
#bfc3d5 rgb(191,195,213)
```
#bbc0d9
```
#bbc0d9 rgb(187,192,217)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#b3bae1
```
#b3bae1 rgb(179,186,225)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#abb5e9
```
#abb5e9 rgb(171,181,233)
```
#a7b2ed
```
#a7b2ed rgb(167,178,237)
```
#a3aff1
```
#a3aff1 rgb(163,175,241)
```
#9facf5
```
#9facf5 rgb(159,172,245)
```
#9aa9fa
```
#9aa9fa rgb(154,169,250)
```
#96a7fe
```
#96a7fe rgb(150,167,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdbfc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc0de Protanopia 1% of men
#c4bddf Deuteranopia 1% of men
#b7c2d0 Tritanopia 0.001% of the population

Trichromacy

#b9bfde Protanomaly 1% of men, 0.01% of women
#bfbdde Deuteranomaly 6% of men, 0.4% of women
#b7c0d5 Tritanomaly 0.01% of the population

#b7bddd hex color

#b7bddd Color Information

#b7bddd Color Conversion

Color Schemes with #b7bddd

Alternatives to #b7bddd

#b7bddd Preview

Shades and Tints of #b7bddd

Tones of #b7bddd

Color Blindness Simulator