#b4c4cd hex color

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

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

● #b4c4cd color description : Grayish blue.

The hexadecimal color #b4c4cd has RGB values of R:180, G:196, B:205 and CMYK values of C:0.12, M:0.04, Y:0, K:0.2. Its decimal value is 11846861.

Hex triplet	b4c4cd	`#b4c4cd`
RGB Decimal	180, 196, 205	`rgb(180,196,205)`
RGB Percent	70.6, 76.9, 80.4	`rgb(70.6%,76.9%,80.4%)`
CMYK	12, 4, 0, 20
HSL	201.6°, 20, 75.5	`hsl(201.6,20%,75.5%)`
HSV (or HSB)	201.6°, 12.2, 80.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.222, -3.638, -6.369
XYZ	49.58, 53.59, 65.486
xyY	0.294, 0.318, 53.59
CIE-LCH	78.222, 7.335, 240.267
CIE-LUV	78.222, -9.097, -9.095
Hunter-Lab	73.205, -7.217, -1.794
Binary	10110100, 11000100, 11001101

#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#cdbdb4
```
#cdbdb4 rgb(205,189,180)
```

Complementary Color

#b4cdca
```
#b4cdca rgb(180,205,202)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#b4b8cd
```
#b4b8cd rgb(180,184,205)
```

Analogous Color

#cdcab4
```
#cdcab4 rgb(205,202,180)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#cdb4b8
```
#cdb4b8 rgb(205,180,184)
```

Split Complementary Color

#c4cdb4
```
#c4cdb4 rgb(196,205,180)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#cdb4c4
```
#cdb4c4 rgb(205,180,196)
```

Triadic Color

#b4cdbd
```
#b4cdbd rgb(180,205,189)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#cdb4c4
```
#cdb4c4 rgb(205,180,196)
```
#cdbdb4
```
#cdbdb4 rgb(205,189,180)
```

Tetradic Color

#86a0ae
```
#86a0ae rgb(134,160,174)
```
#95acb9
```
#95acb9 rgb(149,172,185)
```
#a5b8c3
```
#a5b8c3 rgb(165,184,195)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#c3d0d7
```
#c3d0d7 rgb(195,208,215)
```
#d3dce1
```
#d3dce1 rgb(211,220,225)
```
#e2e8ec
```
#e2e8ec rgb(226,232,236)
```

Monochromatic Color

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

#b4cacd
```
#b4cacd rgb(180,202,205)
```
#b4c8cd
```
#b4c8cd rgb(180,200,205)
```
#b4c6cd
```
#b4c6cd rgb(180,198,205)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#b4c2cd
```
#b4c2cd rgb(180,194,205)
```
#b4c0cd
```
#b4c0cd rgb(180,192,205)
```
#b4becd
```
#b4becd rgb(180,190,205)
```

Similar Colors

Text with hexadecimal color #b4c4cd

This text has a font color of #b4c4cd.

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

#b4c4cd background color

This paragraph has a background color of #b4c4cd.

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

#b4c4cd border color

This element has a border color of #b4c4cd.

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

CSS codes

.text {color:#b4c4cd;}

.background {background-color:#b4c4cd;}

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

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 #fbfcfc is the lightest one.

#050607
```
#050607 rgb(5,6,7)
```
#0d1113
```
#0d1113 rgb(13,17,19)
```
#151b1f
```
#151b1f rgb(21,27,31)
```
#1c262b
```
#1c262b rgb(28,38,43)
```
#243036
```
#243036 rgb(36,48,54)
```
#2c3a42
```
#2c3a42 rgb(44,58,66)
```
#34454e
```
#34454e rgb(52,69,78)
```
#3c4f5a
```
#3c4f5a rgb(60,79,90)
```
#445966
```
#445966 rgb(68,89,102)
```
#4c6471
```
#4c6471 rgb(76,100,113)
```
#536e7d
```
#536e7d rgb(83,110,125)
```
#5b7889
```
#5b7889 rgb(91,120,137)
```
#638395
```
#638395 rgb(99,131,149)
```

Shade Color Variation

#6d8c9e
```
#6d8c9e rgb(109,140,158)
```
#7996a6
```
#7996a6 rgb(121,150,166)
```
#859fae
```
#859fae rgb(133,159,174)
```
#91a8b5
```
#91a8b5 rgb(145,168,181)
```
#9cb1bd
```
#9cb1bd rgb(156,177,189)
```
#a8bbc5
```
#a8bbc5 rgb(168,187,197)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#c0cdd5
```
#c0cdd5 rgb(192,205,213)
```
#ccd7dd
```
#ccd7dd rgb(204,215,221)
```
#d7e0e5
```
#d7e0e5 rgb(215,224,229)
```
#e3e9ec
```
#e3e9ec rgb(227,233,236)
```
#eff2f4
```
#eff2f4 rgb(239,242,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#bec1c3
```
#bec1c3 rgb(190,193,195)
```
#b9c3c8
```
#b9c3c8 rgb(185,195,200)
```
#b4c4cd
```
#b4c4cd rgb(180,196,205)
```
#afc5d2
```
#afc5d2 rgb(175,197,210)
```
#aac7d7
```
#aac7d7 rgb(170,199,215)
```
#a6c8db
```
#a6c8db rgb(166,200,219)
```
#a1c9e0
```
#a1c9e0 rgb(161,201,224)
```
#9ccbe5
```
#9ccbe5 rgb(156,203,229)
```
#97ccea
```
#97ccea rgb(151,204,234)
```
#92cdef
```
#92cdef rgb(146,205,239)
```
#8ecff3
```
#8ecff3 rgb(142,207,243)
```
#89d0f8
```
#89d0f8 rgb(137,208,248)
```
#84d1fd
```
#84d1fd rgb(132,209,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bec1c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c3cd Protanopia 1% of men
#d0bfd2 Deuteranopia 1% of men
#b8c6d4 Tritanopia 0.001% of the population

Trichromacy

#bec3cd Protanomaly 1% of men, 0.01% of women
#c6c1d0 Deuteranomaly 6% of men, 0.4% of women
#b7c5d1 Tritanomaly 0.01% of the population

#b4c4cd hex color

#b4c4cd Color Information

#b4c4cd Color Conversion

Color Schemes with #b4c4cd

Alternatives to #b4c4cd

#b4c4cd Preview

Shades and Tints of #b4c4cd

Tones of #b4c4cd

Color Blindness Simulator