#b4b5c6 hex color

In a RGB color space, hex #b4b5c6 is composed of 70.6% red, 71% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 8.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 236.7 degrees, a saturation of 13.6% and a lightness of 74.1%. #b4b5c6 color hex could be obtained by blending #ffffff with #696b8d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 71
- B 78
RGB color chart
- C 9
- M 9
- Y 0
- K 22
CMYK color chart

● #b4b5c6 color description : Grayish blue.

The hexadecimal color #b4b5c6 has RGB values of R:180, G:181, B:198 and CMYK values of C:0.09, M:0.09, Y:0, K:0.22. Its decimal value is 11843014.

Hex triplet	b4b5c6	`#b4b5c6`
RGB Decimal	180, 181, 198	`rgb(180,181,198)`
RGB Percent	70.6, 71, 77.6	`rgb(70.6%,71%,77.6%)`
CMYK	9, 9, 0, 22
HSL	236.7°, 13.6, 74.1	`hsl(236.7,13.6%,74.1%)`
HSV (or HSB)	236.7°, 9.1, 77.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	74.08, 2.969, -8.716
XYZ	45.537, 46.828, 60.063
xyY	0.299, 0.307, 46.828
CIE-LCH	74.08, 9.207, 288.809
CIE-LUV	74.08, -1.53, -13.729
Hunter-Lab	68.431, -0.972, -4.138
Binary	10110100, 10110101, 11000110

#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#c6c5b4
```
#c6c5b4 rgb(198,197,180)
```

Complementary Color

#b4bec6
```
#b4bec6 rgb(180,190,198)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#bcb4c6
```
#bcb4c6 rgb(188,180,198)
```

Analogous Color

#bec6b4
```
#bec6b4 rgb(190,198,180)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#c6bcb4
```
#c6bcb4 rgb(198,188,180)
```

Split Complementary Color

#b5c6b4
```
#b5c6b4 rgb(181,198,180)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#c6b4b5
```
#c6b4b5 rgb(198,180,181)
```

Triadic Color

#b4c6c5
```
#b4c6c5 rgb(180,198,197)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#c6b4b5
```
#c6b4b5 rgb(198,180,181)
```
#c6c5b4
```
#c6c5b4 rgb(198,197,180)
```

Tetradic Color

#898aa5
```
#898aa5 rgb(137,138,165)
```
#9798b0
```
#9798b0 rgb(151,152,176)
```
#a6a7bb
```
#a6a7bb rgb(166,167,187)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#c2c3d1
```
#c2c3d1 rgb(194,195,209)
```
#d1d2dc
```
#d1d2dc rgb(209,210,220)
```
#dfe0e7
```
#dfe0e7 rgb(223,224,231)
```

Monochromatic Color

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

#b4bac6
```
#b4bac6 rgb(180,186,198)
```
#b4b8c6
```
#b4b8c6 rgb(180,184,198)
```
#b4b7c6
```
#b4b7c6 rgb(180,183,198)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#b5b4c6
```
#b5b4c6 rgb(181,180,198)
```
#b6b4c6
```
#b6b4c6 rgb(182,180,198)
```
#b8b4c6
```
#b8b4c6 rgb(184,180,198)
```

Similar Colors

Text with hexadecimal color #b4b5c6

This text has a font color of #b4b5c6.

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

#b4b5c6 background color

This paragraph has a background color of #b4b5c6.

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

#b4b5c6 border color

This element has a border color of #b4b5c6.

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

CSS codes

.text {color:#b4b5c6;}

.background {background-color:#b4b5c6;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0b0e
```
#0b0b0e rgb(11,11,14)
```
#131419
```
#131419 rgb(19,20,25)
```
#1c1c24
```
#1c1c24 rgb(28,28,36)
```
#242530
```
#242530 rgb(36,37,48)
```
#2d2d3b
```
#2d2d3b rgb(45,45,59)
```
#353646
```
#353646 rgb(53,54,70)
```
#3e3f51
```
#3e3f51 rgb(62,63,81)
```
#46475c
```
#46475c rgb(70,71,92)
```
#4f5067
```
#4f5067 rgb(79,80,103)
```
#575972
```
#575972 rgb(87,89,114)
```
#5f617e
```
#5f617e rgb(95,97,126)
```
#686a89
```
#686a89 rgb(104,106,137)
```

Shade Color Variation

#717393
```
#717393 rgb(113,115,147)
```
#7c7e9c
```
#7c7e9c rgb(124,126,156)
```
#8789a4
```
#8789a4 rgb(135,137,164)
```
#9394ad
```
#9394ad rgb(147,148,173)
```
#9e9fb5
```
#9e9fb5 rgb(158,159,181)
```
#a9aabe
```
#a9aabe rgb(169,170,190)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#bfc0ce
```
#bfc0ce rgb(191,192,206)
```
#cacbd7
```
#cacbd7 rgb(202,203,215)
```
#d5d6df
```
#d5d6df rgb(213,214,223)
```
#e1e1e8
```
#e1e1e8 rgb(225,225,232)
```
#ececf0
```
#ececf0 rgb(236,236,240)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

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

#b9bac1
```
#b9bac1 rgb(185,186,193)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#afb0cb
```
#afb0cb rgb(175,176,203)
```
#aaacd0
```
#aaacd0 rgb(170,172,208)
```
#a5a7d5
```
#a5a7d5 rgb(165,167,213)
```
#a0a3da
```
#a0a3da rgb(160,163,218)
```
#9b9edf
```
#9b9edf rgb(155,158,223)
```
#969ae4
```
#969ae4 rgb(150,154,228)
```
#9095ea
```
#9095ea rgb(144,149,234)
```
#8b91ef
```
#8b91ef rgb(139,145,239)
```
#868cf4
```
#868cf4 rgb(134,140,244)
```
#8188f9
```
#8188f9 rgb(129,136,249)
```
#7c83fe
```
#7c83fe rgb(124,131,254)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b6b7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b8c8 Protanopia 1% of men
#c3b5ca Deuteranopia 1% of men
#b7b9c6 Tritanopia 0.001% of the population

Trichromacy

#b6b7c7 Protanomaly 1% of men, 0.01% of women
#bdb5c8 Deuteranomaly 6% of men, 0.4% of women
#b6b7c6 Tritanomaly 0.01% of the population

#b4b5c6 hex color

#b4b5c6 Color Information

#b4b5c6 Color Conversion

Color Schemes with #b4b5c6

Alternatives to #b4b5c6

#b4b5c6 Preview

Shades and Tints of #b4b5c6

Tones of #b4b5c6

Color Blindness Simulator