#b4cccf hex color

In a RGB color space, hex #b4cccf is composed of 70.6% red, 80% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 1.4% magenta, 0% yellow and 18.8% black. It has a hue angle of 186.7 degrees, a saturation of 22% and a lightness of 75.9%. #b4cccf color hex could be obtained by blending #ffffff with #69999f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 80
- B 81
RGB color chart
- C 13
- M 1
- Y 0
- K 19
CMYK color chart

● #b4cccf color description : Grayish cyan.

The hexadecimal color #b4cccf has RGB values of R:180, G:204, B:207 and CMYK values of C:0.13, M:0.01, Y:0, K:0.19. Its decimal value is 11848911.

Hex triplet	b4cccf	`#b4cccf`
RGB Decimal	180, 204, 207	`rgb(180,204,207)`
RGB Percent	70.6, 80, 81.2	`rgb(70.6%,80%,81.2%)`
CMYK	13, 1, 0, 19
HSL	186.7°, 22, 75.9	`hsl(186.7,22%,75.9%)`
HSV (or HSB)	186.7°, 13, 81.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.4, -7.432, -4.229
XYZ	51.675, 57.393, 67.383
xyY	0.293, 0.325, 57.393
CIE-LCH	80.4, 8.551, 209.638
CIE-LUV	80.4, -12.972, -5.182
Hunter-Lab	75.758, -10.821, 0.295
Binary	10110100, 11001100, 11001111

#b4cccf
```
#b4cccf rgb(180,204,207)
```
#cfb7b4
```
#cfb7b4 rgb(207,183,180)
```

Complementary Color

#b4cfc5
```
#b4cfc5 rgb(180,207,197)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#b4bfcf
```
#b4bfcf rgb(180,191,207)
```

Analogous Color

#cfc5b4
```
#cfc5b4 rgb(207,197,180)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#cfb4bf
```
#cfb4bf rgb(207,180,191)
```

Split Complementary Color

#cccfb4
```
#cccfb4 rgb(204,207,180)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#cfb4cc
```
#cfb4cc rgb(207,180,204)
```

Triadic Color

#b4cfb7
```
#b4cfb7 rgb(180,207,183)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#cfb4cc
```
#cfb4cc rgb(207,180,204)
```
#cfb7b4
```
#cfb7b4 rgb(207,183,180)
```

Tetradic Color

#85acb1
```
#85acb1 rgb(133,172,177)
```
#95b7bb
```
#95b7bb rgb(149,183,187)
```
#a4c1c5
```
#a4c1c5 rgb(164,193,197)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#c4d7d9
```
#c4d7d9 rgb(196,215,217)
```
#d3e1e3
```
#d3e1e3 rgb(211,225,227)
```
#e3eced
```
#e3eced rgb(227,236,237)
```

Monochromatic Color

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

#b4cfcb
```
#b4cfcb rgb(180,207,203)
```
#b4cfce
```
#b4cfce rgb(180,207,206)
```
#b4cecf
```
#b4cecf rgb(180,206,207)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#b4cacf
```
#b4cacf rgb(180,202,207)
```
#b4c8cf
```
#b4c8cf rgb(180,200,207)
```
#b4c5cf
```
#b4c5cf rgb(180,197,207)
```

Similar Colors

Text with hexadecimal color #b4cccf

This text has a font color of #b4cccf.

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

#b4cccf background color

This paragraph has a background color of #b4cccf.

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

#b4cccf border color

This element has a border color of #b4cccf.

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

CSS codes

.text {color:#b4cccf;}

.background {background-color:#b4cccf;}

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1415
```
#0d1415 rgb(13,20,21)
```
#151f21
```
#151f21 rgb(21,31,33)
```
#1d2b2d
```
#1d2b2d rgb(29,43,45)
```
#243639
```
#243639 rgb(36,54,57)
```
#2c4245
```
#2c4245 rgb(44,66,69)
```
#344d50
```
#344d50 rgb(52,77,80)
```
#3b595c
```
#3b595c rgb(59,89,92)
```
#436468
```
#436468 rgb(67,100,104)
```
#4a7074
```
#4a7074 rgb(74,112,116)
```
#527b80
```
#527b80 rgb(82,123,128)
```
#5a878c
```
#5a878c rgb(90,135,140)
```
#619298
```
#619298 rgb(97,146,152)
```

Shade Color Variation

#6c9ba1
```
#6c9ba1 rgb(108,155,161)
```
#78a3a9
```
#78a3a9 rgb(120,163,169)
```
#84abb0
```
#84abb0 rgb(132,171,176)
```
#90b4b8
```
#90b4b8 rgb(144,180,184)
```
#9cbcc0
```
#9cbcc0 rgb(156,188,192)
```
#a8c4c7
```
#a8c4c7 rgb(168,196,199)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#c0d4d7
```
#c0d4d7 rgb(192,212,215)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#d8e4e6
```
#d8e4e6 rgb(216,228,230)
```
#e4edee
```
#e4edee rgb(228,237,238)
```
#f0f5f5
```
#f0f5f5 rgb(240,245,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#bdc5c6
```
#bdc5c6 rgb(189,197,198)
```
#b9c8ca
```
#b9c8ca rgb(185,200,202)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#afd0d4
```
#afd0d4 rgb(175,208,212)
```
#abd3d8
```
#abd3d8 rgb(171,211,216)
```
#a6d7dd
```
#a6d7dd rgb(166,215,221)
```
#a1dbe2
```
#a1dbe2 rgb(161,219,226)
```
#9cdee7
```
#9cdee7 rgb(156,222,231)
```
#98e2eb
```
#98e2eb rgb(152,226,235)
```
#93e6f0
```
#93e6f0 rgb(147,230,240)
```
#8ee9f5
```
#8ee9f5 rgb(142,233,245)
```
#89edfa
```
#89edfa rgb(137,237,250)
```
#85f1fe
```
#85f1fe rgb(133,241,254)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c2c6c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc9ce Protanopia 1% of men
#d8c4d4 Deuteranopia 1% of men
#baccdb Tritanopia 0.001% of the population

Trichromacy

#c3cace Protanomaly 1% of men, 0.01% of women
#cac7d2 Deuteranomaly 6% of men, 0.4% of women
#b7ccd7 Tritanomaly 0.01% of the population

#b4cccf hex color

#b4cccf Color Information

#b4cccf Color Conversion

Color Schemes with #b4cccf

Alternatives to #b4cccf

#b4cccf Preview

Shades and Tints of #b4cccf

Tones of #b4cccf

Color Blindness Simulator