#b0bec5 hex color

In a RGB color space, hex #b0bec5 is composed of 69% red, 74.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 3.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 200 degrees, a saturation of 15.3% and a lightness of 73.1%. #b0bec5 color hex could be obtained by blending #ffffff with #617d8b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 75
- B 77
RGB color chart
- C 11
- M 4
- Y 0
- K 23
CMYK color chart

● #b0bec5 color description : Grayish blue.

The hexadecimal color #b0bec5 has RGB values of R:176, G:190, B:197 and CMYK values of C:0.11, M:0.04, Y:0, K:0.23. Its decimal value is 11583173.

Hex triplet	b0bec5	`#b0bec5`
RGB Decimal	176, 190, 197	`rgb(176,190,197)`
RGB Percent	69, 74.5, 77.3	`rgb(69%,74.5%,77.3%)`
CMYK	11, 4, 0, 23
HSL	200°, 15.3, 73.1	`hsl(200,15.3%,73.1%)`
HSV (or HSB)	200°, 10.7, 77.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.123, -3.401, -5.176
XYZ	46.394, 50.088, 60.044
xyY	0.296, 0.32, 50.088
CIE-LCH	76.123, 6.193, 236.688
CIE-LUV	76.123, -7.975, -7.255
Hunter-Lab	70.773, -6.839, -0.761
Binary	10110000, 10111110, 11000101

#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#c5b7b0
```
#c5b7b0 rgb(197,183,176)
```

Complementary Color

#b0c5c2
```
#b0c5c2 rgb(176,197,194)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#b0b4c5
```
#b0b4c5 rgb(176,180,197)
```

Analogous Color

#c5c2b0
```
#c5c2b0 rgb(197,194,176)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#c5b0b4
```
#c5b0b4 rgb(197,176,180)
```

Split Complementary Color

#bec5b0
```
#bec5b0 rgb(190,197,176)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#c5b0be
```
#c5b0be rgb(197,176,190)
```

Triadic Color

#b0c5b7
```
#b0c5b7 rgb(176,197,183)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#c5b0be
```
#c5b0be rgb(197,176,190)
```
#c5b7b0
```
#c5b7b0 rgb(197,183,176)
```

Tetradic Color

#849aa5
```
#849aa5 rgb(132,154,165)
```
#93a6af
```
#93a6af rgb(147,166,175)
```
#a1b2ba
```
#a1b2ba rgb(161,178,186)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#bfcad0
```
#bfcad0 rgb(191,202,208)
```
#cdd6db
```
#cdd6db rgb(205,214,219)
```
#dce2e5
```
#dce2e5 rgb(220,226,229)
```

Monochromatic Color

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

#b0c3c5
```
#b0c3c5 rgb(176,195,197)
```
#b0c2c5
```
#b0c2c5 rgb(176,194,197)
```
#b0c0c5
```
#b0c0c5 rgb(176,192,197)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#b0bcc5
```
#b0bcc5 rgb(176,188,197)
```
#b0bbc5
```
#b0bbc5 rgb(176,187,197)
```
#b0b9c5
```
#b0b9c5 rgb(176,185,197)
```

Similar Colors

Text with hexadecimal color #b0bec5

This text has a font color of #b0bec5.

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

#b0bec5 background color

This paragraph has a background color of #b0bec5.

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

#b0bec5 border color

This element has a border color of #b0bec5.

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

CSS codes

.text {color:#b0bec5;}

.background {background-color:#b0bec5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080a0b
```
#080a0b rgb(8,10,11)
```
#111517
```
#111517 rgb(17,21,23)
```
#191f22
```
#191f22 rgb(25,31,34)
```
#21292d
```
#21292d rgb(33,41,45)
```
#2a3439
```
#2a3439 rgb(42,52,57)
```
#323e44
```
#323e44 rgb(50,62,68)
```
#3a484f
```
#3a484f rgb(58,72,79)
```
#43535b
```
#43535b rgb(67,83,91)
```
#4b5d66
```
#4b5d66 rgb(75,93,102)
```
#536771
```
#536771 rgb(83,103,113)
```
#5b727d
```
#5b727d rgb(91,114,125)
```
#647c88
```
#647c88 rgb(100,124,136)
```

Shade Color Variation

#6c8693
```
#6c8693 rgb(108,134,147)
```
#778f9b
```
#778f9b rgb(119,143,155)
```
#8399a4
```
#8399a4 rgb(131,153,164)
```
#8ea2ac
```
#8ea2ac rgb(142,162,172)
```
#99abb4
```
#99abb4 rgb(153,171,180)
```
#a5b5bd
```
#a5b5bd rgb(165,181,189)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#bbc7cd
```
#bbc7cd rgb(187,199,205)
```
#c7d1d6
```
#c7d1d6 rgb(199,209,214)
```
#d2dade
```
#d2dade rgb(210,218,222)
```
#dde3e6
```
#dde3e6 rgb(221,227,230)
```
#e9edef
```
#e9edef rgb(233,237,239)
```
#f4f6f7
```
#f4f6f7 rgb(244,246,247)
```

Tint Color Variation

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

#b5bcc0
```
#b5bcc0 rgb(181,188,192)
```
#b0bec5
```
#b0bec5 rgb(176,190,197)
```
#abc0ca
```
#abc0ca rgb(171,192,202)
```
#a5c2d0
```
#a5c2d0 rgb(165,194,208)
```
#a0c3d5
```
#a0c3d5 rgb(160,195,213)
```
#9bc5da
```
#9bc5da rgb(155,197,218)
```
#96c7df
```
#96c7df rgb(150,199,223)
```
#90c9e5
```
#90c9e5 rgb(144,201,229)
```
#8bcaea
```
#8bcaea rgb(139,202,234)
```
#86ccef
```
#86ccef rgb(134,204,239)
```
#81cef4
```
#81cef4 rgb(129,206,244)
```
#7bd0fa
```
#7bd0fa rgb(123,208,250)
```
#76d1ff
```
#76d1ff rgb(118,209,255)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9bcbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bec6 Protanopia 1% of men
#cbbaca Deuteranopia 1% of men
#b5c0ce Tritanopia 0.001% of the population

Trichromacy

#babec5 Protanomaly 1% of men, 0.01% of women
#c1bbc8 Deuteranomaly 6% of men, 0.4% of women
#b3bfca Tritanomaly 0.01% of the population

#b0bec5 hex color

#b0bec5 Color Information

#b0bec5 Color Conversion

Color Schemes with #b0bec5

Alternatives to #b0bec5

#b0bec5 Preview

Shades and Tints of #b0bec5

Tones of #b0bec5

Color Blindness Simulator