#b4c7d4 hex color

In a RGB color space, hex #b4c7d4 is composed of 70.6% red, 78% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 15.1% cyan, 6.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 204.4 degrees, a saturation of 27.1% and a lightness of 76.9%. #b4c7d4 color hex could be obtained by blending #ffffff with #698fa9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 78
- B 83
RGB color chart
- C 15
- M 6
- Y 0
- K 17
CMYK color chart

● #b4c7d4 color description : Grayish blue.

The hexadecimal color #b4c7d4 has RGB values of R:180, G:199, B:212 and CMYK values of C:0.15, M:0.06, Y:0, K:0.17. Its decimal value is 11847636.

Hex triplet	b4c7d4	`#b4c7d4`
RGB Decimal	180, 199, 212	`rgb(180,199,212)`
RGB Percent	70.6, 78, 83.1	`rgb(70.6%,78%,83.1%)`
CMYK	15, 6, 0, 17
HSL	204.4°, 27.1, 76.9	`hsl(204.4,27.1%,76.9%)`
HSV (or HSB)	204.4°, 15.1, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.215, -3.774, -8.667
XYZ	51.127, 55.303, 70.265
xyY	0.289, 0.313, 55.303
CIE-LCH	79.215, 9.453, 246.471
CIE-LUV	79.215, -10.781, -12.687
Hunter-Lab	74.366, -7.42, -3.964
Binary	10110100, 11000111, 11010100

#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#d4c1b4
```
#d4c1b4 rgb(212,193,180)
```

Complementary Color

#b4d4d1
```
#b4d4d1 rgb(180,212,209)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#b4b7d4
```
#b4b7d4 rgb(180,183,212)
```

Analogous Color

#d4d1b4
```
#d4d1b4 rgb(212,209,180)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#d4b4b7
```
#d4b4b7 rgb(212,180,183)
```

Split Complementary Color

#c7d4b4
```
#c7d4b4 rgb(199,212,180)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#d4b4c7
```
#d4b4c7 rgb(212,180,199)
```

Triadic Color

#b4d4c1
```
#b4d4c1 rgb(180,212,193)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#d4b4c7
```
#d4b4c7 rgb(212,180,199)
```
#d4c1b4
```
#d4c1b4 rgb(212,193,180)
```

Tetradic Color

#83a3b8
```
#83a3b8 rgb(131,163,184)
```
#94afc1
```
#94afc1 rgb(148,175,193)
```
#a4bbcb
```
#a4bbcb rgb(164,187,203)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#c4d3dd
```
#c4d3dd rgb(196,211,221)
```
#d4dfe7
```
#d4dfe7 rgb(212,223,231)
```
#e5ebf0
```
#e5ebf0 rgb(229,235,240)
```

Monochromatic Color

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

#b4cfd4
```
#b4cfd4 rgb(180,207,212)
```
#b4ccd4
```
#b4ccd4 rgb(180,204,212)
```
#b4cad4
```
#b4cad4 rgb(180,202,212)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#b4c4d4
```
#b4c4d4 rgb(180,196,212)
```
#b4c2d4
```
#b4c2d4 rgb(180,194,212)
```
#b4bfd4
```
#b4bfd4 rgb(180,191,212)
```

Similar Colors

Text with hexadecimal color #b4c7d4

This text has a font color of #b4c7d4.

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

#b4c7d4 background color

This paragraph has a background color of #b4c7d4.

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

#b4c7d4 border color

This element has a border color of #b4c7d4.

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

CSS codes

.text {color:#b4c7d4;}

.background {background-color:#b4c7d4;}

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

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, #070a0c is the darkest color, while #ffffff is the lightest one.

#070a0c
```
#070a0c rgb(7,10,12)
```
#0e1419
```
#0e1419 rgb(14,20,25)
```
#151f25
```
#151f25 rgb(21,31,37)
```
#1c2932
```
#1c2932 rgb(28,41,50)
```
#24333e
```
#24333e rgb(36,51,62)
```
#2b3e4b
```
#2b3e4b rgb(43,62,75)
```
#324857
```
#324857 rgb(50,72,87)
```
#395264
```
#395264 rgb(57,82,100)
```
#405d70
```
#405d70 rgb(64,93,112)
```
#47677c
```
#47677c rgb(71,103,124)
```
#4f7189
```
#4f7189 rgb(79,113,137)
```
#567c95
```
#567c95 rgb(86,124,149)
```
#5d86a2
```
#5d86a2 rgb(93,134,162)
```

Shade Color Variation

#698fa9
```
#698fa9 rgb(105,143,169)
```
#7698b0
```
#7698b0 rgb(118,152,176)
```
#82a2b7
```
#82a2b7 rgb(130,162,183)
```
#8fabbf
```
#8fabbf rgb(143,171,191)
```
#9bb4c6
```
#9bb4c6 rgb(155,180,198)
```
#a8becd
```
#a8becd rgb(168,190,205)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#c0d0db
```
#c0d0db rgb(192,208,219)
```
#cddae2
```
#cddae2 rgb(205,218,226)
```
#d9e3e9
```
#d9e3e9 rgb(217,227,233)
```
#e6ecf1
```
#e6ecf1 rgb(230,236,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c2c4c6
```
#c2c4c6 rgb(194,196,198)
```
#bdc5cb
```
#bdc5cb rgb(189,197,203)
```
#b9c6cf
```
#b9c6cf rgb(185,198,207)
```
#b4c7d4
```
#b4c7d4 rgb(180,199,212)
```
#afc8d9
```
#afc8d9 rgb(175,200,217)
```
#abc9dd
```
#abc9dd rgb(171,201,221)
```
#a6cae2
```
#a6cae2 rgb(166,202,226)
```
#a2cae6
```
#a2cae6 rgb(162,202,230)
```
#9dcbeb
```
#9dcbeb rgb(157,203,235)
```
#99ccef
```
#99ccef rgb(153,204,239)
```
#94cdf4
```
#94cdf4 rgb(148,205,244)
```
#90cef8
```
#90cef8 rgb(144,206,248)
```
#8bcffd
```
#8bcffd rgb(139,207,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c0c4c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c6d4 Protanopia 1% of men
#d1c2d8 Deuteranopia 1% of men
#b8c9d8 Tritanopia 0.001% of the population

Trichromacy

#bfc6d4 Protanomaly 1% of men, 0.01% of women
#c6c3d7 Deuteranomaly 6% of men, 0.4% of women
#b6c8d6 Tritanomaly 0.01% of the population

#b4c7d4 hex color

#b4c7d4 Color Information

#b4c7d4 Color Conversion

Color Schemes with #b4c7d4

Alternatives to #b4c7d4

#b4c7d4 Preview

Shades and Tints of #b4c7d4

Tones of #b4c7d4

Color Blindness Simulator