#b0bdce hex color

In a RGB color space, hex #b0bdce is composed of 69% red, 74.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 8.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 214 degrees, a saturation of 23.4% and a lightness of 74.9%. #b0bdce color hex could be obtained by blending #ffffff with #617b9d. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 74
- B 81
RGB color chart
- C 15
- M 8
- Y 0
- K 19
CMYK color chart

● #b0bdce color description : Grayish blue.

The hexadecimal color #b0bdce has RGB values of R:176, G:189, B:206 and CMYK values of C:0.15, M:0.08, Y:0, K:0.19. Its decimal value is 11582926.

Hex triplet	b0bdce	`#b0bdce`
RGB Decimal	176, 189, 206	`rgb(176,189,206)`
RGB Percent	69, 74.1, 80.8	`rgb(69%,74.1%,80.8%)`
CMYK	15, 8, 0, 19
HSL	214°, 23.4, 74.9	`hsl(214,23.4%,74.9%)`
HSV (or HSB)	214°, 14.6, 80.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.119, -1.004, -10.065
XYZ	47.24, 50.081, 65.567
xyY	0.29, 0.307, 50.081
CIE-LCH	76.119, 10.115, 264.306
CIE-LUV	76.119, -7.875, -15.252
Hunter-Lab	70.768, -4.688, -5.395
Binary	10110000, 10111101, 11001110

#b0bdce
```
#b0bdce rgb(176,189,206)
```
#cec1b0
```
#cec1b0 rgb(206,193,176)
```

Complementary Color

#b0ccce
```
#b0ccce rgb(176,204,206)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#b2b0ce
```
#b2b0ce rgb(178,176,206)
```

Analogous Color

#ccceb0
```
#ccceb0 rgb(204,206,176)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#ceb2b0
```
#ceb2b0 rgb(206,178,176)
```

Split Complementary Color

#bdceb0
```
#bdceb0 rgb(189,206,176)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#ceb0bd
```
#ceb0bd rgb(206,176,189)
```

Triadic Color

#b0cec1
```
#b0cec1 rgb(176,206,193)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#ceb0bd
```
#ceb0bd rgb(206,176,189)
```
#cec1b0
```
#cec1b0 rgb(206,193,176)
```

Tetradic Color

#8196b1
```
#8196b1 rgb(129,150,177)
```
#91a3ba
```
#91a3ba rgb(145,163,186)
```
#a0b0c4
```
#a0b0c4 rgb(160,176,196)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#c0cad8
```
#c0cad8 rgb(192,202,216)
```
#cfd7e2
```
#cfd7e2 rgb(207,215,226)
```
#dfe4eb
```
#dfe4eb rgb(223,228,235)
```

Monochromatic Color

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

#b0c5ce
```
#b0c5ce rgb(176,197,206)
```
#b0c2ce
```
#b0c2ce rgb(176,194,206)
```
#b0c0ce
```
#b0c0ce rgb(176,192,206)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#b0bbce
```
#b0bbce rgb(176,187,206)
```
#b0b8ce
```
#b0b8ce rgb(176,184,206)
```
#b0b6ce
```
#b0b6ce rgb(176,182,206)
```

Similar Colors

Text with hexadecimal color #b0bdce

This text has a font color of #b0bdce.

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

#b0bdce background color

This paragraph has a background color of #b0bdce.

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

#b0bdce border color

This element has a border color of #b0bdce.

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

CSS codes

.text {color:#b0bdce;}

.background {background-color:#b0bdce;}

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#13181e
```
#13181e rgb(19,24,30)
```
#1a212a
```
#1a212a rgb(26,33,42)
```
#222b36
```
#222b36 rgb(34,43,54)
```
#293442
```
#293442 rgb(41,52,66)
```
#313e4e
```
#313e4e rgb(49,62,78)
```
#38475a
```
#38475a rgb(56,71,90)
```
#405167
```
#405167 rgb(64,81,103)
```
#475a73
```
#475a73 rgb(71,90,115)
```
#4f647f
```
#4f647f rgb(79,100,127)
```
#566d8b
```
#566d8b rgb(86,109,139)
```
#5e7797
```
#5e7797 rgb(94,119,151)
```

Shade Color Variation

#6780a1
```
#6780a1 rgb(103,128,161)
```
#738aa8
```
#738aa8 rgb(115,138,168)
```
#8095b0
```
#8095b0 rgb(128,149,176)
```
#8c9fb7
```
#8c9fb7 rgb(140,159,183)
```
#98a9bf
```
#98a9bf rgb(152,169,191)
```
#a4b3c6
```
#a4b3c6 rgb(164,179,198)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#bcc7d6
```
#bcc7d6 rgb(188,199,214)
```
#c8d1dd
```
#c8d1dd rgb(200,209,221)
```
#d4dbe5
```
#d4dbe5 rgb(212,219,229)
```
#e0e5ec
```
#e0e5ec rgb(224,229,236)
```
#edf0f4
```
#edf0f4 rgb(237,240,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#bfbfbf
```
#bfbfbf rgb(191,191,191)
```
#babec4
```
#babec4 rgb(186,190,196)
```
#b5bec9
```
#b5bec9 rgb(181,190,201)
```
#b0bdce
```
#b0bdce rgb(176,189,206)
```
#abbcd3
```
#abbcd3 rgb(171,188,211)
```
#a6bcd8
```
#a6bcd8 rgb(166,188,216)
```
#a1bbdd
```
#a1bbdd rgb(161,187,221)
```
#9cbae2
```
#9cbae2 rgb(156,186,226)
```
#97bae7
```
#97bae7 rgb(151,186,231)
```
#92b9ec
```
#92b9ec rgb(146,185,236)
```
#8eb8f0
```
#8eb8f0 rgb(142,184,240)
```
#89b8f5
```
#89b8f5 rgb(137,184,245)
```
#84b7fa
```
#84b7fa rgb(132,183,250)
```

Tone Color Variation

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

Dichromacy

#bdbdcf Protanopia 1% of men
#c7bad2 Deuteranopia 1% of men
#b3c0ce Tritanopia 0.001% of the population

Trichromacy

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

#b0bdce hex color

#b0bdce Color Information

#b0bdce Color Conversion

Color Schemes with #b0bdce

Alternatives to #b0bdce

#b0bdce Preview

Shades and Tints of #b0bdce

Tones of #b0bdce

Color Blindness Simulator