#b7b7c4 hex color

In a RGB color space, hex #b7b7c4 is composed of 71.8% red, 71.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 6.6% cyan, 6.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 240 degrees, a saturation of 9.9% and a lightness of 74.3%. #b7b7c4 color hex could be obtained by blending #ffffff with #6f6f89. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 72
- B 77
RGB color chart
- C 7
- M 7
- Y 0
- K 23
CMYK color chart

● #b7b7c4 color description : Grayish blue.

The hexadecimal color #b7b7c4 has RGB values of R:183, G:183, B:196 and CMYK values of C:0.07, M:0.07, Y:0, K:0.23. Its decimal value is 12040132.

Hex triplet	b7b7c4	`#b7b7c4`
RGB Decimal	183, 183, 196	`rgb(183,183,196)`
RGB Percent	71.8, 71.8, 76.9	`rgb(71.8%,71.8%,76.9%)`
CMYK	7, 7, 0, 23
HSL	240°, 9.9, 74.3	`hsl(240,9.9%,74.3%)`
HSV (or HSB)	240°, 6.6, 76.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	74.774, 2.497, -6.568
XYZ	46.424, 47.92, 59.025
xyY	0.303, 0.312, 47.92
CIE-LCH	74.774, 7.027, 290.817
CIE-LUV	74.774, -0.751, -10.351
Hunter-Lab	69.224, -1.434, -2.098
Binary	10110111, 10110111, 11000100

#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#c4c4b7
```
#c4c4b7 rgb(196,196,183)
```

Complementary Color

#b7bec4
```
#b7bec4 rgb(183,190,196)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#beb7c4
```
#beb7c4 rgb(190,183,196)
```

Analogous Color

#bec4b7
```
#bec4b7 rgb(190,196,183)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#c4beb7
```
#c4beb7 rgb(196,190,183)
```

Split Complementary Color

#b7c4b7
```
#b7c4b7 rgb(183,196,183)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#c4b7b7
```
#c4b7b7 rgb(196,183,183)
```

Triadic Color

#b7c4c4
```
#b7c4c4 rgb(183,196,196)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#c4b7b7
```
#c4b7b7 rgb(196,183,183)
```
#c4c4b7
```
#c4c4b7 rgb(196,196,183)
```

Tetradic Color

#8d8da2
```
#8d8da2 rgb(141,141,162)
```
#9b9bad
```
#9b9bad rgb(155,155,173)
```
#a9a9b9
```
#a9a9b9 rgb(169,169,185)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#c5c5cf
```
#c5c5cf rgb(197,197,207)
```
#d3d3db
```
#d3d3db rgb(211,211,219)
```
#e1e1e6
```
#e1e1e6 rgb(225,225,230)
```

Monochromatic Color

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

#b7bac4
```
#b7bac4 rgb(183,186,196)
```
#b7b9c4
```
#b7b9c4 rgb(183,185,196)
```
#b7b8c4
```
#b7b8c4 rgb(183,184,196)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#b8b7c4
```
#b8b7c4 rgb(184,183,196)
```
#b9b7c4
```
#b9b7c4 rgb(185,183,196)
```
#bab7c4
```
#bab7c4 rgb(186,183,196)
```

Similar Colors

Text with hexadecimal color #b7b7c4

This text has a font color of #b7b7c4.

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

#b7b7c4 background color

This paragraph has a background color of #b7b7c4.

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

#b7b7c4 border color

This element has a border color of #b7b7c4.

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

CSS codes

.text {color:#b7b7c4;}

.background {background-color:#b7b7c4;}

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0c0c0e
```
#0c0c0e rgb(12,12,14)
```
#151519
```
#151519 rgb(21,21,25)
```
#1d1d24
```
#1d1d24 rgb(29,29,36)
```
#26262f
```
#26262f rgb(38,38,47)
```
#2f2f39
```
#2f2f39 rgb(47,47,57)
```
#383844
```
#383844 rgb(56,56,68)
```
#41414f
```
#41414f rgb(65,65,79)
```
#4a4a5a
```
#4a4a5a rgb(74,74,90)
```
#525264
```
#525264 rgb(82,82,100)
```
#5b5b6f
```
#5b5b6f rgb(91,91,111)
```
#64647a
```
#64647a rgb(100,100,122)
```
#6d6d85
```
#6d6d85 rgb(109,109,133)
```

Shade Color Variation

#76768f
```
#76768f rgb(118,118,143)
```
#818198
```
#818198 rgb(129,129,152)
```
#8c8ca1
```
#8c8ca1 rgb(140,140,161)
```
#9797a9
```
#9797a9 rgb(151,151,169)
```
#a1a1b2
```
#a1a1b2 rgb(161,161,178)
```
#acacbb
```
#acacbb rgb(172,172,187)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#c2c2cd
```
#c2c2cd rgb(194,194,205)
```
#cdcdd6
```
#cdcdd6 rgb(205,205,214)
```
#d7d7df
```
#d7d7df rgb(215,215,223)
```
#e2e2e7
```
#e2e2e7 rgb(226,226,231)
```
#ededf0
```
#ededf0 rgb(237,237,240)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#bcbcbf
```
#bcbcbf rgb(188,188,191)
```
#b7b7c4
```
#b7b7c4 rgb(183,183,196)
```
#b2b2c9
```
#b2b2c9 rgb(178,178,201)
```
#adadce
```
#adadce rgb(173,173,206)
```
#a8a8d3
```
#a8a8d3 rgb(168,168,211)
```
#a3a3d8
```
#a3a3d8 rgb(163,163,216)
```
#9e9edd
```
#9e9edd rgb(158,158,221)
```
#9999e2
```
#9999e2 rgb(153,153,226)
```
#9494e7
```
#9494e7 rgb(148,148,231)
```
#8f8fec
```
#8f8fec rgb(143,143,236)
```
#8a8af1
```
#8a8af1 rgb(138,138,241)
```
#8585f6
```
#8585f6 rgb(133,133,246)
```
#8080fb
```
#8080fb rgb(128,128,251)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b8b8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbac6 Protanopia 1% of men
#c7b6c8 Deuteranopia 1% of men
#babac7 Tritanopia 0.001% of the population

Trichromacy

#b9b9c5 Protanomaly 1% of men, 0.01% of women
#c1b6c6 Deuteranomaly 6% of men, 0.4% of women
#b9b9c6 Tritanomaly 0.01% of the population

#b7b7c4 hex color

#b7b7c4 Color Information

#b7b7c4 Color Conversion

Color Schemes with #b7b7c4

Alternatives to #b7b7c4

#b7b7c4 Preview

Shades and Tints of #b7b7c4

Tones of #b7b7c4

Color Blindness Simulator