#b2c7cc hex color

In a RGB color space, hex #b2c7cc is composed of 69.8% red, 78% green and 80% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 2.5% magenta, 0% yellow and 20% black. It has a hue angle of 191.5 degrees, a saturation of 20.3% and a lightness of 74.9%. #b2c7cc color hex could be obtained by blending #ffffff with #658f99. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 78
- B 80
RGB color chart
- C 13
- M 2
- Y 0
- K 20
CMYK color chart

● #b2c7cc color description : Grayish cyan.

The hexadecimal color #b2c7cc has RGB values of R:178, G:199, B:204 and CMYK values of C:0.13, M:0.02, Y:0, K:0.2. Its decimal value is 11716556.

Hex triplet	b2c7cc	`#b2c7cc`
RGB Decimal	178, 199, 204	`rgb(178,199,204)`
RGB Percent	69.8, 78, 80	`rgb(69.8%,78%,80%)`
CMYK	13, 2, 0, 20
HSL	191.5°, 20.3, 74.9	`hsl(191.5,20.3%,74.9%)`
HSV (or HSB)	191.5°, 12.7, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	78.851, -6.076, -4.916
XYZ	49.68, 54.671, 65.058
xyY	0.293, 0.323, 54.671
CIE-LCH	78.851, 7.816, 218.976
CIE-LUV	78.851, -11.514, -6.452
Hunter-Lab	73.94, -9.46, -0.411
Binary	10110010, 11000111, 11001100

#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#ccb7b2
```
#ccb7b2 rgb(204,183,178)
```

Complementary Color

#b2ccc4
```
#b2ccc4 rgb(178,204,196)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#b2bacc
```
#b2bacc rgb(178,186,204)
```

Analogous Color

#ccc4b2
```
#ccc4b2 rgb(204,196,178)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#ccb2ba
```
#ccb2ba rgb(204,178,186)
```

Split Complementary Color

#c7ccb2
```
#c7ccb2 rgb(199,204,178)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#ccb2c7
```
#ccb2c7 rgb(204,178,199)
```

Triadic Color

#b2ccb7
```
#b2ccb7 rgb(178,204,183)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#ccb2c7
```
#ccb2c7 rgb(204,178,199)
```
#ccb7b2
```
#ccb7b2 rgb(204,183,178)
```

Tetradic Color

#84a6ae
```
#84a6ae rgb(132,166,174)
```
#93b1b8
```
#93b1b8 rgb(147,177,184)
```
#a3bcc2
```
#a3bcc2 rgb(163,188,194)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#c1d2d6
```
#c1d2d6 rgb(193,210,214)
```
#d1dde0
```
#d1dde0 rgb(209,221,224)
```
#e0e8ea
```
#e0e8ea rgb(224,232,234)
```

Monochromatic Color

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

#b2cccb
```
#b2cccb rgb(178,204,203)
```
#b2cbcc
```
#b2cbcc rgb(178,203,204)
```
#b2c9cc
```
#b2c9cc rgb(178,201,204)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#b2c5cc
```
#b2c5cc rgb(178,197,204)
```
#b2c3cc
```
#b2c3cc rgb(178,195,204)
```
#b2c1cc
```
#b2c1cc rgb(178,193,204)
```

Similar Colors

Text with hexadecimal color #b2c7cc

This text has a font color of #b2c7cc.

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

#b2c7cc background color

This paragraph has a background color of #b2c7cc.

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

#b2c7cc border color

This element has a border color of #b2c7cc.

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

CSS codes

.text {color:#b2c7cc;}

.background {background-color:#b2c7cc;}

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0c1011
```
#0c1011 rgb(12,16,17)
```
#131b1d
```
#131b1d rgb(19,27,29)
```
#1b2629
```
#1b2629 rgb(27,38,41)
```
#233135
```
#233135 rgb(35,49,53)
```
#2b3c41
```
#2b3c41 rgb(43,60,65)
```
#33474c
```
#33474c rgb(51,71,76)
```
#3a5258
```
#3a5258 rgb(58,82,88)
```
#425e64
```
#425e64 rgb(66,94,100)
```
#4a6970
```
#4a6970 rgb(74,105,112)
```
#52747c
```
#52747c rgb(82,116,124)
```
#5a7f87
```
#5a7f87 rgb(90,127,135)
```
#618a93
```
#618a93 rgb(97,138,147)
```

Shade Color Variation

#6b949d
```
#6b949d rgb(107,148,157)
```
#779ca5
```
#779ca5 rgb(119,156,165)
```
#83a5ad
```
#83a5ad rgb(131,165,173)
```
#8fadb5
```
#8fadb5 rgb(143,173,181)
```
#9ab6bc
```
#9ab6bc rgb(154,182,188)
```
#a6bec4
```
#a6bec4 rgb(166,190,196)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#bed0d4
```
#bed0d4 rgb(190,208,212)
```
#cad8dc
```
#cad8dc rgb(202,216,220)
```
#d5e1e3
```
#d5e1e3 rgb(213,225,227)
```
#e1e9eb
```
#e1e9eb rgb(225,233,235)
```
#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, #bcc1c2 is the less saturated color, while #81e5fd is the most saturated one.

#bcc1c2
```
#bcc1c2 rgb(188,193,194)
```
#b7c4c7
```
#b7c4c7 rgb(183,196,199)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```
#adcad1
```
#adcad1 rgb(173,202,209)
```
#a8cdd6
```
#a8cdd6 rgb(168,205,214)
```
#a3d0db
```
#a3d0db rgb(163,208,219)
```
#9ed3e0
```
#9ed3e0 rgb(158,211,224)
```
#99d6e5
```
#99d6e5 rgb(153,214,229)
```
#94d9ea
```
#94d9ea rgb(148,217,234)
```
#90dcee
```
#90dcee rgb(144,220,238)
```
#8bdff3
```
#8bdff3 rgb(139,223,243)
```
#86e2f8
```
#86e2f8 rgb(134,226,248)
```
#81e5fd
```
#81e5fd rgb(129,229,253)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bec2c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c5cc Protanopia 1% of men
#d3c0d1 Deuteranopia 1% of men
#b7c8d6 Tritanopia 0.001% of the population

Trichromacy

#bfc5cc Protanomaly 1% of men, 0.01% of women
#c7c3cf Deuteranomaly 6% of men, 0.4% of women
#b5c7d2 Tritanomaly 0.01% of the population

#b2c7cc hex color

#b2c7cc Color Information

#b2c7cc Color Conversion

Color Schemes with #b2c7cc

Alternatives to #b2c7cc

#b2c7cc Preview

Shades and Tints of #b2c7cc

Tones of #b2c7cc

Color Blindness Simulator