#b7bdc4 hex color

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

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

● #b7bdc4 color description : Grayish blue.

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

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

CIE-LAB	76.343, -0.724, -4.25
XYZ	47.688, 50.448, 59.447
xyY	0.303, 0.32, 50.448
CIE-LCH	76.343, 4.311, 260.335
CIE-LUV	76.343, -3.71, -6.286
Hunter-Lab	71.027, -4.45, 0.095
Binary	10110111, 10111101, 11000100

#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#c4beb7
```
#c4beb7 rgb(196,190,183)
```

Complementary Color

#b7c4c4
```
#b7c4c4 rgb(183,196,196)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#b8b7c4
```
#b8b7c4 rgb(184,183,196)
```

Analogous Color

#c4c4b7
```
#c4c4b7 rgb(196,196,183)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#c4b8b7
```
#c4b8b7 rgb(196,184,183)
```

Split Complementary Color

#bdc4b7
```
#bdc4b7 rgb(189,196,183)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#c4b7bd
```
#c4b7bd rgb(196,183,189)
```

Triadic Color

#b7c4be
```
#b7c4be rgb(183,196,190)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#c4b7bd
```
#c4b7bd rgb(196,183,189)
```
#c4beb7
```
#c4beb7 rgb(196,190,183)
```

Tetradic Color

#8d96a2
```
#8d96a2 rgb(141,150,162)
```
#9ba3ad
```
#9ba3ad rgb(155,163,173)
```
#a9b0b9
```
#a9b0b9 rgb(169,176,185)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#c5cacf
```
#c5cacf rgb(197,202,207)
```
#d3d7db
```
#d3d7db rgb(211,215,219)
```
#e1e4e6
```
#e1e4e6 rgb(225,228,230)
```

Monochromatic Color

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

#b7c0c4
```
#b7c0c4 rgb(183,192,196)
```
#b7bfc4
```
#b7bfc4 rgb(183,191,196)
```
#b7bec4
```
#b7bec4 rgb(183,190,196)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#b7bcc4
```
#b7bcc4 rgb(183,188,196)
```
#b7bbc4
```
#b7bbc4 rgb(183,187,196)
```
#b7bac4
```
#b7bac4 rgb(183,186,196)
```

Similar Colors

Text with hexadecimal color #b7bdc4

This text has a font color of #b7bdc4.

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

#b7bdc4 background color

This paragraph has a background color of #b7bdc4.

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

#b7bdc4 border color

This element has a border color of #b7bdc4.

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

CSS codes

.text {color:#b7bdc4;}

.background {background-color:#b7bdc4;}

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

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)
```
#0c0d0e
```
#0c0d0e rgb(12,13,14)
```
#151719
```
#151719 rgb(21,23,25)
```
#1d2024
```
#1d2024 rgb(29,32,36)
```
#262a2f
```
#262a2f rgb(38,42,47)
```
#2f3439
```
#2f3439 rgb(47,52,57)
```
#383e44
```
#383e44 rgb(56,62,68)
```
#41474f
```
#41474f rgb(65,71,79)
```
#4a515a
```
#4a515a rgb(74,81,90)
```
#525b64
```
#525b64 rgb(82,91,100)
```
#5b646f
```
#5b646f rgb(91,100,111)
```
#646e7a
```
#646e7a rgb(100,110,122)
```
#6d7885
```
#6d7885 rgb(109,120,133)
```

Shade Color Variation

#76828f
```
#76828f rgb(118,130,143)
```
#818c98
```
#818c98 rgb(129,140,152)
```
#8c95a1
```
#8c95a1 rgb(140,149,161)
```
#979fa9
```
#979fa9 rgb(151,159,169)
```
#a1a9b2
```
#a1a9b2 rgb(161,169,178)
```
#acb3bb
```
#acb3bb rgb(172,179,187)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#c2c7cd
```
#c2c7cd rgb(194,199,205)
```
#cdd1d6
```
#cdd1d6 rgb(205,209,214)
```
#d7dbdf
```
#d7dbdf rgb(215,219,223)
```
#e2e5e7
```
#e2e5e7 rgb(226,229,231)
```
#edeef0
```
#edeef0 rgb(237,238,240)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#bcbdbf
```
#bcbdbf rgb(188,189,191)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#b2bdc9
```
#b2bdc9 rgb(178,189,201)
```
#adbcce
```
#adbcce rgb(173,188,206)
```
#a8bcd3
```
#a8bcd3 rgb(168,188,211)
```
#a3bbd8
```
#a3bbd8 rgb(163,187,216)
```
#9ebbdd
```
#9ebbdd rgb(158,187,221)
```
#99bbe2
```
#99bbe2 rgb(153,187,226)
```
#94bae7
```
#94bae7 rgb(148,186,231)
```
#8fbaec
```
#8fbaec rgb(143,186,236)
```
#8abaf1
```
#8abaf1 rgb(138,186,241)
```
#85b9f6
```
#85b9f6 rgb(133,185,246)
```
#80b9fb
```
#80b9fb rgb(128,185,251)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bbbcbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bec6 Protanopia 1% of men
#cdbac9 Deuteranopia 1% of men
#bbbfcd Tritanopia 0.001% of the population

Trichromacy

#bdbec5 Protanomaly 1% of men, 0.01% of women
#c5bbc7 Deuteranomaly 6% of men, 0.4% of women
#babec9 Tritanomaly 0.01% of the population

#b7bdc4 hex color

#b7bdc4 Color Information

#b7bdc4 Color Conversion

Color Schemes with #b7bdc4

Alternatives to #b7bdc4

#b7bdc4 Preview

Shades and Tints of #b7bdc4

Tones of #b7bdc4

Color Blindness Simulator