#b2bccf hex color

In a RGB color space, hex #b2bccf is composed of 69.8% red, 73.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 14% cyan, 9.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 219.3 degrees, a saturation of 23.2% and a lightness of 75.5%. #b2bccf color hex could be obtained by blending #ffffff with #65799f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 74
- B 81
RGB color chart
- C 14
- M 9
- Y 0
- K 19
CMYK color chart

● #b2bccf color description : Grayish blue.

The hexadecimal color #b2bccf has RGB values of R:178, G:188, B:207 and CMYK values of C:0.14, M:0.09, Y:0, K:0.19. Its decimal value is 11713743.

Hex triplet	b2bccf	`#b2bccf`
RGB Decimal	178, 188, 207	`rgb(178,188,207)`
RGB Percent	69.8, 73.7, 81.2	`rgb(69.8%,73.7%,81.2%)`
CMYK	14, 9, 0, 19
HSL	219.3°, 23.2, 75.5	`hsl(219.3,23.2%,75.5%)`
HSV (or HSB)	219.3°, 14, 81.2
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.03, 0.392, -10.725
XYZ	47.604, 49.936, 66.159
xyY	0.291, 0.305, 49.936
CIE-LCH	76.03, 10.732, 272.096
CIE-LUV	76.03, -6.416, -16.514
Hunter-Lab	70.665, -3.418, -6.043
Binary	10110010, 10111100, 11001111

#b2bccf
```
#b2bccf rgb(178,188,207)
```
#cfc5b2
```
#cfc5b2 rgb(207,197,178)
```

Complementary Color

#b2cbcf
```
#b2cbcf rgb(178,203,207)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#b7b2cf
```
#b7b2cf rgb(183,178,207)
```

Analogous Color

#cbcfb2
```
#cbcfb2 rgb(203,207,178)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#cfb7b2
```
#cfb7b2 rgb(207,183,178)
```

Split Complementary Color

#bccfb2
```
#bccfb2 rgb(188,207,178)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#cfb2bc
```
#cfb2bc rgb(207,178,188)
```

Triadic Color

#b2cfc5
```
#b2cfc5 rgb(178,207,197)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#cfb2bc
```
#cfb2bc rgb(207,178,188)
```
#cfc5b2
```
#cfc5b2 rgb(207,197,178)
```

Tetradic Color

#8393b2
```
#8393b2 rgb(131,147,178)
```
#93a1bb
```
#93a1bb rgb(147,161,187)
```
#a2aec5
```
#a2aec5 rgb(162,174,197)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#c2cad9
```
#c2cad9 rgb(194,202,217)
```
#d1d7e3
```
#d1d7e3 rgb(209,215,227)
```
#e1e5ec
```
#e1e5ec rgb(225,229,236)
```

Monochromatic Color

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

#b2c3cf
```
#b2c3cf rgb(178,195,207)
```
#b2c1cf
```
#b2c1cf rgb(178,193,207)
```
#b2becf
```
#b2becf rgb(178,190,207)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#b2bacf
```
#b2bacf rgb(178,186,207)
```
#b2b7cf
```
#b2b7cf rgb(178,183,207)
```
#b2b5cf
```
#b2b5cf rgb(178,181,207)
```

Similar Colors

Text with hexadecimal color #b2bccf

This text has a font color of #b2bccf.

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

#b2bccf background color

This paragraph has a background color of #b2bccf.

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

#b2bccf border color

This element has a border color of #b2bccf.

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

CSS codes

.text {color:#b2bccf;}

.background {background-color:#b2bccf;}

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c0f14
```
#0c0f14 rgb(12,15,20)
```
#141820
```
#141820 rgb(20,24,32)
```
#1b212c
```
#1b212c rgb(27,33,44)
```
#232a38
```
#232a38 rgb(35,42,56)
```
#2a3344
```
#2a3344 rgb(42,51,68)
```
#323c50
```
#323c50 rgb(50,60,80)
```
#39455c
```
#39455c rgb(57,69,92)
```
#414f68
```
#414f68 rgb(65,79,104)
```
#495874
```
#495874 rgb(73,88,116)
```
#506180
```
#506180 rgb(80,97,128)
```
#586a8c
```
#586a8c rgb(88,106,140)
```
#5f7399
```
#5f7399 rgb(95,115,153)
```

Shade Color Variation

#6a7da2
```
#6a7da2 rgb(106,125,162)
```
#7687a9
```
#7687a9 rgb(118,135,169)
```
#8292b1
```
#8292b1 rgb(130,146,177)
```
#8e9cb8
```
#8e9cb8 rgb(142,156,184)
```
#9aa7c0
```
#9aa7c0 rgb(154,167,192)
```
#a6b1c7
```
#a6b1c7 rgb(166,177,199)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#bec7d7
```
#bec7d7 rgb(190,199,215)
```
#cad1de
```
#cad1de rgb(202,209,222)
```
#d6dce6
```
#d6dce6 rgb(214,220,230)
```
#e2e6ed
```
#e2e6ed rgb(226,230,237)
```
#eef1f5
```
#eef1f5 rgb(238,241,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#c0c0c1
```
#c0c0c1 rgb(192,192,193)
```
#bcbfc5
```
#bcbfc5 rgb(188,191,197)
```
#b7bdca
```
#b7bdca rgb(183,189,202)
```
#b2bccf
```
#b2bccf rgb(178,188,207)
```
#adbbd4
```
#adbbd4 rgb(173,187,212)
```
#a8b9d9
```
#a8b9d9 rgb(168,185,217)
```
#a4b8dd
```
#a4b8dd rgb(164,184,221)
```
#9fb6e2
```
#9fb6e2 rgb(159,182,226)
```
#9ab5e7
```
#9ab5e7 rgb(154,181,231)
```
#95b3ec
```
#95b3ec rgb(149,179,236)
```
#90b2f1
```
#90b2f1 rgb(144,178,241)
```
#8cb0f5
```
#8cb0f5 rgb(140,176,245)
```
#87affa
```
#87affa rgb(135,175,250)
```

Tone Color Variation

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

#bcbdd0 Protanopia 1% of men
#c6bad3 Deuteranopia 1% of men
#b5c0cd Tritanopia 0.001% of the population

Trichromacy

#b8bdcf Protanomaly 1% of men, 0.01% of women
#bfbad1 Deuteranomaly 6% of men, 0.4% of women
#b4bece Tritanomaly 0.01% of the population

#b2bccf hex color

#b2bccf Color Information

#b2bccf Color Conversion

Color Schemes with #b2bccf

Alternatives to #b2bccf

#b2bccf Preview

Shades and Tints of #b2bccf

Tones of #b2bccf

Color Blindness Simulator