#b7bbd1 hex color

In a RGB color space, hex #b7bbd1 is composed of 71.8% red, 73.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 10.5% magenta, 0% yellow and 18% black. It has a hue angle of 230.8 degrees, a saturation of 22% and a lightness of 76.9%. #b7bbd1 color hex could be obtained by blending #ffffff with #6f77a3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 73
- B 82
RGB color chart
- C 12
- M 11
- Y 0
- K 18
CMYK color chart

● #b7bbd1 color description : Grayish blue.

The hexadecimal color #b7bbd1 has RGB values of R:183, G:187, B:209 and CMYK values of C:0.12, M:0.11, Y:0, K:0.18. Its decimal value is 12041169.

Hex triplet	b7bbd1	`#b7bbd1`
RGB Decimal	183, 187, 209	`rgb(183,187,209)`
RGB Percent	71.8, 73.3, 82	`rgb(71.8%,73.3%,82%)`
CMYK	12, 11, 0, 18
HSL	230.8°, 22, 76.9	`hsl(230.8,22%,76.9%)`
HSV (or HSB)	230.8°, 12.4, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.199, 2.979, -11.519
XYZ	48.805, 50.211, 67.439
xyY	0.293, 0.302, 50.211
CIE-LCH	76.199, 11.898, 284.497
CIE-LUV	76.199, -3.42, -18.193
Hunter-Lab	70.86, -1.061, -6.826
Binary	10110111, 10111011, 11010001

#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#d1cdb7
```
#d1cdb7 rgb(209,205,183)
```

Complementary Color

#b7c8d1
```
#b7c8d1 rgb(183,200,209)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#c0b7d1
```
#c0b7d1 rgb(192,183,209)
```

Analogous Color

#c8d1b7
```
#c8d1b7 rgb(200,209,183)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#d1c0b7
```
#d1c0b7 rgb(209,192,183)
```

Split Complementary Color

#bbd1b7
```
#bbd1b7 rgb(187,209,183)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#d1b7bb
```
#d1b7bb rgb(209,183,187)
```

Triadic Color

#b7d1cd
```
#b7d1cd rgb(183,209,205)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#d1b7bb
```
#d1b7bb rgb(209,183,187)
```
#d1cdb7
```
#d1cdb7 rgb(209,205,183)
```

Tetradic Color

#888fb3
```
#888fb3 rgb(136,143,179)
```
#989ebd
```
#989ebd rgb(152,158,189)
```
#a7acc7
```
#a7acc7 rgb(167,172,199)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#c7cadb
```
#c7cadb rgb(199,202,219)
```
#d6d8e5
```
#d6d8e5 rgb(214,216,229)
```
#e6e7ef
```
#e6e7ef rgb(230,231,239)
```

Monochromatic Color

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

#b7c2d1
```
#b7c2d1 rgb(183,194,209)
```
#b7bfd1
```
#b7bfd1 rgb(183,191,209)
```
#b7bdd1
```
#b7bdd1 rgb(183,189,209)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#b7b9d1
```
#b7b9d1 rgb(183,185,209)
```
#b7b7d1
```
#b7b7d1 rgb(183,183,209)
```
#bab7d1
```
#bab7d1 rgb(186,183,209)
```

Similar Colors

Text with hexadecimal color #b7bbd1

This text has a font color of #b7bbd1.

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

#b7bbd1 background color

This paragraph has a background color of #b7bbd1.

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

#b7bbd1 border color

This element has a border color of #b7bbd1.

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

CSS codes

.text {color:#b7bbd1;}

.background {background-color:#b7bbd1;}

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

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, #08080c is the darkest color, while #ffffff is the lightest one.

#08080c
```
#08080c rgb(8,8,12)
```
#0f1018
```
#0f1018 rgb(15,16,24)
```
#171924
```
#171924 rgb(23,25,36)
```
#1e2130
```
#1e2130 rgb(30,33,48)
```
#26293c
```
#26293c rgb(38,41,60)
```
#2e3248
```
#2e3248 rgb(46,50,72)
```
#353a54
```
#353a54 rgb(53,58,84)
```
#3d4260
```
#3d4260 rgb(61,66,96)
```
#454b6c
```
#454b6c rgb(69,75,108)
```
#4c5377
```
#4c5377 rgb(76,83,119)
```
#545b83
```
#545b83 rgb(84,91,131)
```
#5c648f
```
#5c648f rgb(92,100,143)
```
#636c9b
```
#636c9b rgb(99,108,155)
```

Shade Color Variation

#6f77a3
```
#6f77a3 rgb(111,119,163)
```
#7b82ab
```
#7b82ab rgb(123,130,171)
```
#878eb2
```
#878eb2 rgb(135,142,178)
```
#9399ba
```
#9399ba rgb(147,153,186)
```
#9fa4c2
```
#9fa4c2 rgb(159,164,194)
```
#abb0c9
```
#abb0c9 rgb(171,176,201)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#c3c6d9
```
#c3c6d9 rgb(195,198,217)
```
#cfd2e0
```
#cfd2e0 rgb(207,210,224)
```
#dbdde8
```
#dbdde8 rgb(219,221,232)
```
#e7e8f0
```
#e7e8f0 rgb(231,232,240)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c1c8
```
#c0c1c8 rgb(192,193,200)
```
#bcbecc
```
#bcbecc rgb(188,190,204)
```
#b7bbd1
```
#b7bbd1 rgb(183,187,209)
```
#b2b8d6
```
#b2b8d6 rgb(178,184,214)
```
#aeb5da
```
#aeb5da rgb(174,181,218)
```
#a9b2df
```
#a9b2df rgb(169,178,223)
```
#a5aee3
```
#a5aee3 rgb(165,174,227)
```
#a0abe8
```
#a0abe8 rgb(160,171,232)
```
#9ca8ec
```
#9ca8ec rgb(156,168,236)
```
#97a5f1
```
#97a5f1 rgb(151,165,241)
```
#93a2f5
```
#93a2f5 rgb(147,162,245)
```
#8e9ffa
```
#8e9ffa rgb(142,159,250)
```
#8a9cfe
```
#8a9cfe rgb(138,156,254)
```

Tone Color Variation

Below, you can see how #b7bbd1 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
#bbbcc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbed3 Protanopia 1% of men
#c6bad4 Deuteranopia 1% of men
#b9bfcd Tritanopia 0.001% of the population

Trichromacy

#babcd2 Protanomaly 1% of men, 0.01% of women
#c0bad3 Deuteranomaly 6% of men, 0.4% of women
#b8bdce Tritanomaly 0.01% of the population

#b7bbd1 hex color

#b7bbd1 Color Information

#b7bbd1 Color Conversion

Color Schemes with #b7bbd1

Alternatives to #b7bbd1

#b7bbd1 Preview

Shades and Tints of #b7bbd1

Tones of #b7bbd1

Color Blindness Simulator