#b4c7ca hex color

In a RGB color space, hex #b4c7ca is composed of 70.6% red, 78% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 1.5% magenta, 0% yellow and 20.8% black. It has a hue angle of 188.2 degrees, a saturation of 17.2% and a lightness of 74.9%. #b4c7ca color hex could be obtained by blending #ffffff with #698f95. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 78
- B 79
RGB color chart
- C 11
- M 1
- Y 0
- K 21
CMYK color chart

● #b4c7ca color description : Grayish cyan.

The hexadecimal color #b4c7ca has RGB values of R:180, G:199, B:202 and CMYK values of C:0.11, M:0.01, Y:0, K:0.21. Its decimal value is 11847626.

Hex triplet	b4c7ca	`#b4c7ca`
RGB Decimal	180, 199, 202	`rgb(180,199,202)`
RGB Percent	70.6, 78, 79.2	`rgb(70.6%,78%,79.2%)`
CMYK	11, 1, 0, 21
HSL	188.2°, 17.2, 74.9	`hsl(188.2,17.2%,74.9%)`
HSV (or HSB)	188.2°, 10.9, 79.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.934, -5.828, -3.702
XYZ	49.904, 54.814, 63.825
xyY	0.296, 0.325, 54.814
CIE-LCH	78.934, 6.904, 212.424
CIE-LUV	78.934, -10.422, -4.623
Hunter-Lab	74.036, -9.245, 0.713
Binary	10110100, 11000111, 11001010

#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#cab7b4
```
#cab7b4 rgb(202,183,180)
```

Complementary Color

#b4cac2
```
#b4cac2 rgb(180,202,194)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```

Analogous Color

#cac2b4
```
#cac2b4 rgb(202,194,180)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#cab4bc
```
#cab4bc rgb(202,180,188)
```

Split Complementary Color

#c7cab4
```
#c7cab4 rgb(199,202,180)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#cab4c7
```
#cab4c7 rgb(202,180,199)
```

Triadic Color

#b4cab7
```
#b4cab7 rgb(180,202,183)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#cab4c7
```
#cab4c7 rgb(202,180,199)
```
#cab7b4
```
#cab7b4 rgb(202,183,180)
```

Tetradic Color

#87a6aa
```
#87a6aa rgb(135,166,170)
```
#96b1b5
```
#96b1b5 rgb(150,177,181)
```
#a5bcbf
```
#a5bcbf rgb(165,188,191)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#c3d2d5
```
#c3d2d5 rgb(195,210,213)
```
#d2dddf
```
#d2dddf rgb(210,221,223)
```
#e1e8ea
```
#e1e8ea rgb(225,232,234)
```

Monochromatic Color

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

#b4cac8
```
#b4cac8 rgb(180,202,200)
```
#b4cac9
```
#b4cac9 rgb(180,202,201)
```
#b4c9ca
```
#b4c9ca rgb(180,201,202)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#b4c5ca
```
#b4c5ca rgb(180,197,202)
```
#b4c3ca
```
#b4c3ca rgb(180,195,202)
```
#b4c2ca
```
#b4c2ca rgb(180,194,202)
```

Similar Colors

Text with hexadecimal color #b4c7ca

This text has a font color of #b4c7ca.

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

#b4c7ca background color

This paragraph has a background color of #b4c7ca.

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

#b4c7ca border color

This element has a border color of #b4c7ca.

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

CSS codes

.text {color:#b4c7ca;}

.background {background-color:#b4c7ca;}

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c1011
```
#0c1011 rgb(12,16,17)
```
#141b1c
```
#141b1c rgb(20,27,28)
```
#1c2628
```
#1c2628 rgb(28,38,40)
```
#243133
```
#243133 rgb(36,49,51)
```
#2c3c3f
```
#2c3c3f rgb(44,60,63)
```
#35474a
```
#35474a rgb(53,71,74)
```
#3d5256
```
#3d5256 rgb(61,82,86)
```
#455e61
```
#455e61 rgb(69,94,97)
```
#4d696d
```
#4d696d rgb(77,105,109)
```
#557478
```
#557478 rgb(85,116,120)
```
#5d7f84
```
#5d7f84 rgb(93,127,132)
```
#658a8f
```
#658a8f rgb(101,138,143)
```

Shade Color Variation

#6f9499
```
#6f9499 rgb(111,148,153)
```
#7b9ca1
```
#7b9ca1 rgb(123,156,161)
```
#86a5aa
```
#86a5aa rgb(134,165,170)
```
#92adb2
```
#92adb2 rgb(146,173,178)
```
#9db6ba
```
#9db6ba rgb(157,182,186)
```
#a9bec2
```
#a9bec2 rgb(169,190,194)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#bfd0d2
```
#bfd0d2 rgb(191,208,210)
```
#cbd8da
```
#cbd8da rgb(203,216,218)
```
#d6e1e2
```
#d6e1e2 rgb(214,225,226)
```
#e2e9ea
```
#e2e9ea rgb(226,233,234)
```
#edf2f3
```
#edf2f3 rgb(237,242,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#bec0c0
```
#bec0c0 rgb(190,192,192)
```
#b9c3c5
```
#b9c3c5 rgb(185,195,197)
```
#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#afcbcf
```
#afcbcf rgb(175,203,207)
```
#aaced4
```
#aaced4 rgb(170,206,212)
```
#a5d2d9
```
#a5d2d9 rgb(165,210,217)
```
#a0d5de
```
#a0d5de rgb(160,213,222)
```
#9bd9e3
```
#9bd9e3 rgb(155,217,227)
```
#96dce8
```
#96dce8 rgb(150,220,232)
```
#92e0ec
```
#92e0ec rgb(146,224,236)
```
#8de4f1
```
#8de4f1 rgb(141,228,241)
```
#88e7f6
```
#88e7f6 rgb(136,231,246)
```
#83ebfb
```
#83ebfb rgb(131,235,251)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc3c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c5ca Protanopia 1% of men
#d4c1cf Deuteranopia 1% of men
#b9c8d6 Tritanopia 0.001% of the population

Trichromacy

#c1c6ca Protanomaly 1% of men, 0.01% of women
#c8c3cd Deuteranomaly 6% of men, 0.4% of women
#b7c7d2 Tritanomaly 0.01% of the population

#b4c7ca hex color

#b4c7ca Color Information

#b4c7ca Color Conversion

Color Schemes with #b4c7ca

Alternatives to #b4c7ca

#b4c7ca Preview

Shades and Tints of #b4c7ca

Tones of #b4c7ca

Color Blindness Simulator