#b0bec7 hex color

In a RGB color space, hex #b0bec7 is composed of 69% red, 74.5% green and 78% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 4.5% magenta, 0% yellow and 22% black. It has a hue angle of 203.5 degrees, a saturation of 17% and a lightness of 73.5%. #b0bec7 color hex could be obtained by blending #ffffff with #617d8f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 75
- B 78
RGB color chart
- C 12
- M 5
- Y 0
- K 22
CMYK color chart

● #b0bec7 color description : Grayish blue.

The hexadecimal color #b0bec7 has RGB values of R:176, G:190, B:199 and CMYK values of C:0.12, M:0.05, Y:0, K:0.22. Its decimal value is 11583175.

Hex triplet	b0bec7	`#b0bec7`
RGB Decimal	176, 190, 199	`rgb(176,190,199)`
RGB Percent	69, 74.5, 78	`rgb(69%,74.5%,78%)`
CMYK	12, 5, 0, 22
HSL	203.5°, 17, 73.5	`hsl(203.5,17%,73.5%)`
HSV (or HSB)	203.5°, 11.6, 78
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.18, -2.994, -6.177
XYZ	46.625, 50.18, 61.259
xyY	0.295, 0.317, 50.18
CIE-LCH	76.18, 6.864, 244.144
CIE-LUV	76.18, -8.057, -8.867
Hunter-Lab	70.838, -6.48, -1.686
Binary	10110000, 10111110, 11000111

#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#c7b9b0
```
#c7b9b0 rgb(199,185,176)
```

Complementary Color

#b0c7c5
```
#b0c7c5 rgb(176,199,197)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#b0b3c7
```
#b0b3c7 rgb(176,179,199)
```

Analogous Color

#c7c5b0
```
#c7c5b0 rgb(199,197,176)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#c7b0b3
```
#c7b0b3 rgb(199,176,179)
```

Split Complementary Color

#bec7b0
```
#bec7b0 rgb(190,199,176)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#c7b0be
```
#c7b0be rgb(199,176,190)
```

Triadic Color

#b0c7b9
```
#b0c7b9 rgb(176,199,185)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#c7b0be
```
#c7b0be rgb(199,176,190)
```
#c7b9b0
```
#c7b9b0 rgb(199,185,176)
```

Tetradic Color

#8399a7
```
#8399a7 rgb(131,153,167)
```
#92a5b2
```
#92a5b2 rgb(146,165,178)
```
#a1b2bc
```
#a1b2bc rgb(161,178,188)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#bfcad2
```
#bfcad2 rgb(191,202,210)
```
#ced7dc
```
#ced7dc rgb(206,215,220)
```
#dde3e7
```
#dde3e7 rgb(221,227,231)
```

Monochromatic Color

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

#b0c4c7
```
#b0c4c7 rgb(176,196,199)
```
#b0c2c7
```
#b0c2c7 rgb(176,194,199)
```
#b0c0c7
```
#b0c0c7 rgb(176,192,199)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#b0bcc7
```
#b0bcc7 rgb(176,188,199)
```
#b0bac7
```
#b0bac7 rgb(176,186,199)
```
#b0b8c7
```
#b0b8c7 rgb(176,184,199)
```

Similar Colors

Text with hexadecimal color #b0bec7

This text has a font color of #b0bec7.

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

#b0bec7 background color

This paragraph has a background color of #b0bec7.

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

#b0bec7 border color

This element has a border color of #b0bec7.

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

CSS codes

.text {color:#b0bec7;}

.background {background-color:#b0bec7;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090b0d
```
#090b0d rgb(9,11,13)
```
#111618
```
#111618 rgb(17,22,24)
```
#192024
```
#192024 rgb(25,32,36)
```
#222a2f
```
#222a2f rgb(34,42,47)
```
#2a343b
```
#2a343b rgb(42,52,59)
```
#323e46
```
#323e46 rgb(50,62,70)
```
#3a4852
```
#3a4852 rgb(58,72,82)
```
#42535d
```
#42535d rgb(66,83,93)
```
#4a5d69
```
#4a5d69 rgb(74,93,105)
```
#526774
```
#526774 rgb(82,103,116)
```
#5a7180
```
#5a7180 rgb(90,113,128)
```
#637b8b
```
#637b8b rgb(99,123,139)
```

Shade Color Variation

#6b8596
```
#6b8596 rgb(107,133,150)
```
#778f9e
```
#778f9e rgb(119,143,158)
```
#8298a6
```
#8298a6 rgb(130,152,166)
```
#8ea2af
```
#8ea2af rgb(142,162,175)
```
#99abb7
```
#99abb7 rgb(153,171,183)
```
#a5b5bf
```
#a5b5bf rgb(165,181,191)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#bbc7cf
```
#bbc7cf rgb(187,199,207)
```
#c7d1d7
```
#c7d1d7 rgb(199,209,215)
```
#d2dadf
```
#d2dadf rgb(210,218,223)
```
#dee4e8
```
#dee4e8 rgb(222,228,232)
```
#e9edf0
```
#e9edf0 rgb(233,237,240)
```
#f5f7f8
```
#f5f7f8 rgb(245,247,248)
```

Tint Color Variation

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

#babcbd
```
#babcbd rgb(186,188,189)
```
#b5bdc2
```
#b5bdc2 rgb(181,189,194)
```
#b0bec7
```
#b0bec7 rgb(176,190,199)
```
#abbfcc
```
#abbfcc rgb(171,191,204)
```
#a6c0d1
```
#a6c0d1 rgb(166,192,209)
```
#a0c1d7
```
#a0c1d7 rgb(160,193,215)
```
#9bc3dc
```
#9bc3dc rgb(155,195,220)
```
#96c4e1
```
#96c4e1 rgb(150,196,225)
```
#91c5e6
```
#91c5e6 rgb(145,197,230)
```
#8cc6eb
```
#8cc6eb rgb(140,198,235)
```
#86c7f1
```
#86c7f1 rgb(134,199,241)
```
#81c8f6
```
#81c8f6 rgb(129,200,246)
```
#7cc9fb
```
#7cc9fb rgb(124,201,251)
```

Tone Color Variation

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

#bfbec8 Protanopia 1% of men
#cabacc Deuteranopia 1% of men
#b5c0ce Tritanopia 0.001% of the population

Trichromacy

#babec7 Protanomaly 1% of men, 0.01% of women
#c1bbca Deuteranomaly 6% of men, 0.4% of women
#b3bfcb Tritanomaly 0.01% of the population

#b0bec7 hex color

#b0bec7 Color Information

#b0bec7 Color Conversion

Color Schemes with #b0bec7

Alternatives to #b0bec7

#b0bec7 Preview

Shades and Tints of #b0bec7

Tones of #b0bec7

Color Blindness Simulator