#b2c7c3 hex color

In a RGB color space, hex #b2c7c3 is composed of 69.8% red, 78% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 10.6% cyan, 0% magenta, 2% yellow and 22% black. It has a hue angle of 168.6 degrees, a saturation of 15.8% and a lightness of 73.9%. #b2c7c3 color hex could be obtained by blending #ffffff with #658f87. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 78
- B 76
RGB color chart
- C 11
- M 0
- Y 2
- K 22
CMYK color chart

● #b2c7c3 color description : Grayish cyan.

The hexadecimal color #b2c7c3 has RGB values of R:178, G:199, B:195 and CMYK values of C:0.11, M:0, Y:0.02, K:0.22. Its decimal value is 11716547.

Hex triplet	b2c7c3	`#b2c7c3`
RGB Decimal	178, 199, 195	`rgb(178,199,195)`
RGB Percent	69.8, 78, 76.5	`rgb(69.8%,78%,76.5%)`
CMYK	11, 0, 2, 22
HSL	168.6°, 15.8, 73.9	`hsl(168.6,15.8%,73.9%)`
HSV (or HSB)	168.6°, 10.6, 78
Web Safe	99cccc	`#99cccc`

CIE-LAB	78.608, -7.882, -0.428
XYZ	48.632, 54.251, 59.536
xyY	0.299, 0.334, 54.251
CIE-LCH	78.608, 7.893, 183.105
CIE-LUV	78.608, -11.216, 0.706
Hunter-Lab	73.655, -11.041, 3.634
Binary	10110010, 11000111, 11000011

#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#c7b2b6
```
#c7b2b6 rgb(199,178,182)
```

Complementary Color

#b2c7b9
```
#b2c7b9 rgb(178,199,185)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#b2c1c7
```
#b2c1c7 rgb(178,193,199)
```

Analogous Color

#c7b9b2
```
#c7b9b2 rgb(199,185,178)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#c7b2c1
```
#c7b2c1 rgb(199,178,193)
```

Split Complementary Color

#c7c3b2
```
#c7c3b2 rgb(199,195,178)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#c3b2c7
```
#c3b2c7 rgb(195,178,199)
```

Triadic Color

#b6c7b2
```
#b6c7b2 rgb(182,199,178)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#c3b2c7
```
#c3b2c7 rgb(195,178,199)
```
#c7b2b6
```
#c7b2b6 rgb(199,178,182)
```

Tetradic Color

#86a7a0
```
#86a7a0 rgb(134,167,160)
```
#94b2ac
```
#94b2ac rgb(148,178,172)
```
#a3bcb7
```
#a3bcb7 rgb(163,188,183)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#c1d2cf
```
#c1d2cf rgb(193,210,207)
```
#d0dcda
```
#d0dcda rgb(208,220,218)
```
#dee7e6
```
#dee7e6 rgb(222,231,230)
```

Monochromatic Color

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

#b2c7be
```
#b2c7be rgb(178,199,190)
```
#b2c7c0
```
#b2c7c0 rgb(178,199,192)
```
#b2c7c1
```
#b2c7c1 rgb(178,199,193)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#b2c7c5
```
#b2c7c5 rgb(178,199,197)
```
#b2c7c7
```
#b2c7c7 rgb(178,199,199)
```
#b2c6c7
```
#b2c6c7 rgb(178,198,199)
```

Similar Colors

Text with hexadecimal color #b2c7c3

This text has a font color of #b2c7c3.

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

#b2c7c3 background color

This paragraph has a background color of #b2c7c3.

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

#b2c7c3 border color

This element has a border color of #b2c7c3.

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

CSS codes

.text {color:#b2c7c3;}

.background {background-color:#b2c7c3;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0d
```
#0a0e0d rgb(10,14,13)
```
#121918
```
#121918 rgb(18,25,24)
```
#1b2523
```
#1b2523 rgb(27,37,35)
```
#23302d
```
#23302d rgb(35,48,45)
```
#2b3b38
```
#2b3b38 rgb(43,59,56)
```
#334743
```
#334743 rgb(51,71,67)
```
#3c524e
```
#3c524e rgb(60,82,78)
```
#445d58
```
#445d58 rgb(68,93,88)
```
#4c6963
```
#4c6963 rgb(76,105,99)
```
#54746e
```
#54746e rgb(84,116,110)
```
#5d7f79
```
#5d7f79 rgb(93,127,121)
```
#658b84
```
#658b84 rgb(101,139,132)
```

Shade Color Variation

#6e958e
```
#6e958e rgb(110,149,142)
```
#799e97
```
#799e97 rgb(121,158,151)
```
#85a6a0
```
#85a6a0 rgb(133,166,160)
```
#90aea8
```
#90aea8 rgb(144,174,168)
```
#9bb6b1
```
#9bb6b1 rgb(155,182,177)
```
#a7bfba
```
#a7bfba rgb(167,191,186)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#bdcfcc
```
#bdcfcc rgb(189,207,204)
```
#c9d8d5
```
#c9d8d5 rgb(201,216,213)
```
#d4e0de
```
#d4e0de rgb(212,224,222)
```
#dfe8e6
```
#dfe8e6 rgb(223,232,230)
```
#ebf0ef
```
#ebf0ef rgb(235,240,239)
```
#f6f9f8
```
#f6f9f8 rgb(246,249,248)
```

Tint Color Variation

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

#bcbdbd
```
#bcbdbd rgb(188,189,189)
```
#b7c2c0
```
#b7c2c0 rgb(183,194,192)
```
#b2c7c3
```
#b2c7c3 rgb(178,199,195)
```
#adccc6
```
#adccc6 rgb(173,204,198)
```
#a8d1c9
```
#a8d1c9 rgb(168,209,201)
```
#a3d6cd
```
#a3d6cd rgb(163,214,205)
```
#9edbd0
```
#9edbd0 rgb(158,219,208)
```
#98e1d3
```
#98e1d3 rgb(152,225,211)
```
#93e6d6
```
#93e6d6 rgb(147,230,214)
```
#8eebd9
```
#8eebd9 rgb(142,235,217)
```
#89f0dc
```
#89f0dc rgb(137,240,220)
```
#84f5e0
```
#84f5e0 rgb(132,245,224)
```
#7ffae3
```
#7ffae3 rgb(127,250,227)
```

Tone Color Variation

Below, you can see how #b2c7c3 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
#bdc1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c4c3 Protanopia 1% of men
#d6bfc9 Deuteranopia 1% of men
#b9c7d5 Tritanopia 0.001% of the population

Trichromacy

#c0c5c3 Protanomaly 1% of men, 0.01% of women
#c8c2c7 Deuteranomaly 6% of men, 0.4% of women
#b6c7ce Tritanomaly 0.01% of the population

#b2c7c3 hex color

#b2c7c3 Color Information

#b2c7c3 Color Conversion

Color Schemes with #b2c7c3

Alternatives to #b2c7c3

#b2c7c3 Preview

Shades and Tints of #b2c7c3

Tones of #b2c7c3

Color Blindness Simulator