#b0bccc hex color

In a RGB color space, hex #b0bccc is composed of 69% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 214.3 degrees, a saturation of 21.5% and a lightness of 74.5%. #b0bccc color hex could be obtained by blending #ffffff with #617999. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 74
- B 80
RGB color chart
- C 14
- M 8
- Y 0
- K 20
CMYK color chart

● #b0bccc color description : Grayish blue.

The hexadecimal color #b0bccc has RGB values of R:176, G:188, B:204 and CMYK values of C:0.14, M:0.08, Y:0, K:0.2. Its decimal value is 11582668.

Hex triplet	b0bccc	`#b0bccc`
RGB Decimal	176, 188, 204	`rgb(176,188,204)`
RGB Percent	69, 73.7, 80	`rgb(69%,73.7%,80%)`
CMYK	14, 8, 0, 20
HSL	214.3°, 21.5, 74.5	`hsl(214.3,21.5%,74.5%)`
HSV (or HSB)	214.3°, 13.7, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.796, -0.888, -9.461
XYZ	46.785, 49.556, 64.224
xyY	0.291, 0.309, 49.556
CIE-LCH	75.796, 9.502, 264.636
CIE-LUV	75.796, -7.316, -14.313
Hunter-Lab	70.396, -4.563, -4.815
Binary	10110000, 10111100, 11001100

#b0bccc
```
#b0bccc rgb(176,188,204)
```
#ccc0b0
```
#ccc0b0 rgb(204,192,176)
```

Complementary Color

#b0cacc
```
#b0cacc rgb(176,202,204)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#b2b0cc
```
#b2b0cc rgb(178,176,204)
```

Analogous Color

#caccb0
```
#caccb0 rgb(202,204,176)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#ccb2b0
```
#ccb2b0 rgb(204,178,176)
```

Split Complementary Color

#bcccb0
```
#bcccb0 rgb(188,204,176)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```

Triadic Color

#b0ccc0
```
#b0ccc0 rgb(176,204,192)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#ccb0bc
```
#ccb0bc rgb(204,176,188)
```
#ccc0b0
```
#ccc0b0 rgb(204,192,176)
```

Tetradic Color

#8295ae
```
#8295ae rgb(130,149,174)
```
#91a2b8
```
#91a2b8 rgb(145,162,184)
```
#a1afc2
```
#a1afc2 rgb(161,175,194)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#bfc9d6
```
#bfc9d6 rgb(191,201,214)
```
#cfd6e0
```
#cfd6e0 rgb(207,214,224)
```
#dee3ea
```
#dee3ea rgb(222,227,234)
```

Monochromatic Color

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

#b0c3cc
```
#b0c3cc rgb(176,195,204)
```
#b0c1cc
```
#b0c1cc rgb(176,193,204)
```
#b0becc
```
#b0becc rgb(176,190,204)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#b0bacc
```
#b0bacc rgb(176,186,204)
```
#b0b7cc
```
#b0b7cc rgb(176,183,204)
```
#b0b5cc
```
#b0b5cc rgb(176,181,204)
```

Similar Colors

Text with hexadecimal color #b0bccc

This text has a font color of #b0bccc.

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

#b0bccc background color

This paragraph has a background color of #b0bccc.

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

#b0bccc border color

This element has a border color of #b0bccc.

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

CSS codes

.text {color:#b0bccc;}

.background {background-color:#b0bccc;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#12171c
```
#12171c rgb(18,23,28)
```
#1a2028
```
#1a2028 rgb(26,32,40)
```
#222a34
```
#222a34 rgb(34,42,52)
```
#293340
```
#293340 rgb(41,51,64)
```
#313d4c
```
#313d4c rgb(49,61,76)
```
#394658
```
#394658 rgb(57,70,88)
```
#405064
```
#405064 rgb(64,80,100)
```
#485970
```
#485970 rgb(72,89,112)
```
#50637c
```
#50637c rgb(80,99,124)
```
#586c88
```
#586c88 rgb(88,108,136)
```
#5f7693
```
#5f7693 rgb(95,118,147)
```

Shade Color Variation

#687f9e
```
#687f9e rgb(104,127,158)
```
#7489a6
```
#7489a6 rgb(116,137,166)
```
#8094ad
```
#8094ad rgb(128,148,173)
```
#8c9eb5
```
#8c9eb5 rgb(140,158,181)
```
#98a8bd
```
#98a8bd rgb(152,168,189)
```
#a4b2c4
```
#a4b2c4 rgb(164,178,196)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#bcc6d4
```
#bcc6d4 rgb(188,198,212)
```
#c8d0db
```
#c8d0db rgb(200,208,219)
```
#d4dae3
```
#d4dae3 rgb(212,218,227)
```
#e0e4eb
```
#e0e4eb rgb(224,228,235)
```
#eceff2
```
#eceff2 rgb(236,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#babdc2
```
#babdc2 rgb(186,189,194)
```
#b5bdc7
```
#b5bdc7 rgb(181,189,199)
```
#b0bccc
```
#b0bccc rgb(176,188,204)
```
#abbbd1
```
#abbbd1 rgb(171,187,209)
```
#a6bbd6
```
#a6bbd6 rgb(166,187,214)
```
#a1badb
```
#a1badb rgb(161,186,219)
```
#9cb9e0
```
#9cb9e0 rgb(156,185,224)
```
#97b8e5
```
#97b8e5 rgb(151,184,229)
```
#92b8ea
```
#92b8ea rgb(146,184,234)
```
#8db7ef
```
#8db7ef rgb(141,183,239)
```
#88b6f4
```
#88b6f4 rgb(136,182,244)
```
#83b6f9
```
#83b6f9 rgb(131,182,249)
```
#7eb5fe
```
#7eb5fe rgb(126,181,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8babe Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbdcd Protanopia 1% of men
#c7b9d0 Deuteranopia 1% of men
#b3bfcd Tritanopia 0.001% of the population

Trichromacy

#b8bccc Protanomaly 1% of men, 0.01% of women
#bebace Deuteranomaly 6% of men, 0.4% of women
#b2becc Tritanomaly 0.01% of the population

#b0bccc hex color

#b0bccc Color Information

#b0bccc Color Conversion

Color Schemes with #b0bccc

Alternatives to #b0bccc

#b0bccc Preview

Shades and Tints of #b0bccc

Tones of #b0bccc

Color Blindness Simulator