#b4bdcd hex color

In a RGB color space, hex #b4bdcd is composed of 70.6% red, 74.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 7.8% magenta, 0% yellow and 19.6% black. It has a hue angle of 218.4 degrees, a saturation of 20% and a lightness of 75.5%. #b4bdcd color hex could be obtained by blending #ffffff with #697b9b. Closest websafe color is: #cccccc.

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

● #b4bdcd color description : Grayish blue.

The hexadecimal color #b4bdcd has RGB values of R:180, G:189, B:205 and CMYK values of C:0.12, M:0.08, Y:0, K:0.2. Its decimal value is 11845069.

Hex triplet	b4bdcd	`#b4bdcd`
RGB Decimal	180, 189, 205	`rgb(180,189,205)`
RGB Percent	70.6, 74.1, 80.4	`rgb(70.6%,74.1%,80.4%)`
CMYK	12, 8, 0, 20
HSL	218.4°, 20, 75.5	`hsl(218.4,20%,75.5%)`
HSV (or HSB)	218.4°, 12.2, 80.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.379, 0.091, -9.104
XYZ	48.037, 50.506, 64.972
xyY	0.294, 0.309, 50.506
CIE-LCH	76.379, 9.105, 270.574
CIE-LUV	76.379, -5.754, -13.93
Hunter-Lab	71.067, -3.713, -4.458
Binary	10110100, 10111101, 11001101

#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#cdc4b4
```
#cdc4b4 rgb(205,196,180)
```

Complementary Color

#b4cacd
```
#b4cacd rgb(180,202,205)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#b8b4cd
```
#b8b4cd rgb(184,180,205)
```

Analogous Color

#cacdb4
```
#cacdb4 rgb(202,205,180)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#cdb8b4
```
#cdb8b4 rgb(205,184,180)
```

Split Complementary Color

#bdcdb4
```
#bdcdb4 rgb(189,205,180)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#cdb4bd
```
#cdb4bd rgb(205,180,189)
```

Triadic Color

#b4cdc4
```
#b4cdc4 rgb(180,205,196)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#cdb4bd
```
#cdb4bd rgb(205,180,189)
```
#cdc4b4
```
#cdc4b4 rgb(205,196,180)
```

Tetradic Color

#8695ae
```
#8695ae rgb(134,149,174)
```
#95a2b9
```
#95a2b9 rgb(149,162,185)
```
#a5b0c3
```
#a5b0c3 rgb(165,176,195)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#c3cad7
```
#c3cad7 rgb(195,202,215)
```
#d3d8e1
```
#d3d8e1 rgb(211,216,225)
```
#e2e5ec
```
#e2e5ec rgb(226,229,236)
```

Monochromatic Color

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

#b4c3cd
```
#b4c3cd rgb(180,195,205)
```
#b4c1cd
```
#b4c1cd rgb(180,193,205)
```
#b4bfcd
```
#b4bfcd rgb(180,191,205)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#b4bbcd
```
#b4bbcd rgb(180,187,205)
```
#b4b9cd
```
#b4b9cd rgb(180,185,205)
```
#b4b7cd
```
#b4b7cd rgb(180,183,205)
```

Similar Colors

Text with hexadecimal color #b4bdcd

This text has a font color of #b4bdcd.

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

#b4bdcd background color

This paragraph has a background color of #b4bdcd.

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

#b4bdcd border color

This element has a border color of #b4bdcd.

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

CSS codes

.text {color:#b4bdcd;}

.background {background-color:#b4bdcd;}

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0d0f13
```
#0d0f13 rgb(13,15,19)
```
#15181f
```
#15181f rgb(21,24,31)
```
#1c222b
```
#1c222b rgb(28,34,43)
```
#242b36
```
#242b36 rgb(36,43,54)
```
#2c3442
```
#2c3442 rgb(44,52,66)
```
#343d4e
```
#343d4e rgb(52,61,78)
```
#3c475a
```
#3c475a rgb(60,71,90)
```
#445066
```
#445066 rgb(68,80,102)
```
#4c5971
```
#4c5971 rgb(76,89,113)
```
#53627d
```
#53627d rgb(83,98,125)
```
#5b6c89
```
#5b6c89 rgb(91,108,137)
```
#637595
```
#637595 rgb(99,117,149)
```

Shade Color Variation

#6d7f9e
```
#6d7f9e rgb(109,127,158)
```
#7989a6
```
#7989a6 rgb(121,137,166)
```
#8594ae
```
#8594ae rgb(133,148,174)
```
#919eb5
```
#919eb5 rgb(145,158,181)
```
#9ca8bd
```
#9ca8bd rgb(156,168,189)
```
#a8b3c5
```
#a8b3c5 rgb(168,179,197)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#c0c7d5
```
#c0c7d5 rgb(192,199,213)
```
#ccd2dd
```
#ccd2dd rgb(204,210,221)
```
#d7dce5
```
#d7dce5 rgb(215,220,229)
```
#e3e6ec
```
#e3e6ec rgb(227,230,236)
```
#eff1f4
```
#eff1f4 rgb(239,241,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#bec0c3
```
#bec0c3 rgb(190,192,195)
```
#b9bec8
```
#b9bec8 rgb(185,190,200)
```
#b4bdcd
```
#b4bdcd rgb(180,189,205)
```
#afbcd2
```
#afbcd2 rgb(175,188,210)
```
#aabad7
```
#aabad7 rgb(170,186,215)
```
#a6b9db
```
#a6b9db rgb(166,185,219)
```
#a1b8e0
```
#a1b8e0 rgb(161,184,224)
```
#9cb6e5
```
#9cb6e5 rgb(156,182,229)
```
#97b5ea
```
#97b5ea rgb(151,181,234)
```
#92b4ef
```
#92b4ef rgb(146,180,239)
```
#8eb2f3
```
#8eb2f3 rgb(142,178,243)
```
#89b1f8
```
#89b1f8 rgb(137,177,248)
```
#84b0fd
```
#84b0fd rgb(132,176,253)
```

Tone Color Variation

Below, you can see how #b4bdcd 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
#babcbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebece Protanopia 1% of men
#c9bad1 Deuteranopia 1% of men
#b7c0ce Tritanopia 0.001% of the population

Trichromacy

#babece Protanomaly 1% of men, 0.01% of women
#c1bbcf Deuteranomaly 6% of men, 0.4% of women
#b6bfcd Tritanomaly 0.01% of the population

#b4bdcd hex color

#b4bdcd Color Information

#b4bdcd Color Conversion

Color Schemes with #b4bdcd

Alternatives to #b4bdcd

#b4bdcd Preview

Shades and Tints of #b4bdcd

Tones of #b4bdcd

Color Blindness Simulator