#b2c7bc hex color

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

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

● #b2c7bc color description : Grayish cyan - lime green.

The hexadecimal color #b2c7bc has RGB values of R:178, G:199, B:188 and CMYK values of C:0.11, M:0, Y:0.06, K:0.22. Its decimal value is 11716540.

Hex triplet	b2c7bc	`#b2c7bc`
RGB Decimal	178, 199, 188	`rgb(178,199,188)`
RGB Percent	69.8, 78, 73.7	`rgb(69.8%,78%,73.7%)`
CMYK	11, 0, 6, 22
HSL	148.6°, 15.8, 73.9	`hsl(148.6,15.8%,73.9%)`
HSV (or HSB)	148.6°, 10.6, 78
Web Safe	99cccc	`#99cccc`

CIE-LAB	78.428, -9.236, 3.078
XYZ	47.859, 53.942, 55.465
xyY	0.304, 0.343, 53.942
CIE-LCH	78.428, 9.735, 161.566
CIE-LUV	78.428, -10.99, 6.168
Hunter-Lab	73.445, -12.214, 6.637
Binary	10110010, 11000111, 10111100

#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#c7b2bd
```
#c7b2bd rgb(199,178,189)
```

Complementary Color

#b3c7b2
```
#b3c7b2 rgb(179,199,178)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#b2c7c7
```
#b2c7c7 rgb(178,199,199)
```

Analogous Color

#c7b2b3
```
#c7b2b3 rgb(199,178,179)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#c7b2c7
```
#c7b2c7 rgb(199,178,199)
```

Split Complementary Color

#c7bcb2
```
#c7bcb2 rgb(199,188,178)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#bcb2c7
```
#bcb2c7 rgb(188,178,199)
```

Triadic Color

#bdc7b2
```
#bdc7b2 rgb(189,199,178)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#bcb2c7
```
#bcb2c7 rgb(188,178,199)
```
#c7b2bd
```
#c7b2bd rgb(199,178,189)
```

Tetradic Color

#86a795
```
#86a795 rgb(134,167,149)
```
#94b2a2
```
#94b2a2 rgb(148,178,162)
```
#a3bcaf
```
#a3bcaf rgb(163,188,175)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#c1d2c9
```
#c1d2c9 rgb(193,210,201)
```
#d0dcd6
```
#d0dcd6 rgb(208,220,214)
```
#dee7e3
```
#dee7e3 rgb(222,231,227)
```

Monochromatic Color

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

#b2c7b7
```
#b2c7b7 rgb(178,199,183)
```
#b2c7b9
```
#b2c7b9 rgb(178,199,185)
```
#b2c7ba
```
#b2c7ba rgb(178,199,186)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#b2c7be
```
#b2c7be rgb(178,199,190)
```
#b2c7c0
```
#b2c7c0 rgb(178,199,192)
```
#b2c7c1
```
#b2c7c1 rgb(178,199,193)
```

Similar Colors

Text with hexadecimal color #b2c7bc

This text has a font color of #b2c7bc.

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

#b2c7bc background color

This paragraph has a background color of #b2c7bc.

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

#b2c7bc border color

This element has a border color of #b2c7bc.

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

CSS codes

.text {color:#b2c7bc;}

.background {background-color:#b2c7bc;}

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

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 #f6f9f7 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0c
```
#0a0e0c rgb(10,14,12)
```
#121916
```
#121916 rgb(18,25,22)
```
#1b251f
```
#1b251f rgb(27,37,31)
```
#233029
```
#233029 rgb(35,48,41)
```
#2b3b33
```
#2b3b33 rgb(43,59,51)
```
#33473d
```
#33473d rgb(51,71,61)
```
#3c5246
```
#3c5246 rgb(60,82,70)
```
#445d50
```
#445d50 rgb(68,93,80)
```
#4c695a
```
#4c695a rgb(76,105,90)
```
#547463
```
#547463 rgb(84,116,99)
```
#5d7f6d
```
#5d7f6d rgb(93,127,109)
```
#658b77
```
#658b77 rgb(101,139,119)
```

Shade Color Variation

#6e9581
```
#6e9581 rgb(110,149,129)
```
#799e8b
```
#799e8b rgb(121,158,139)
```
#85a694
```
#85a694 rgb(133,166,148)
```
#90ae9e
```
#90ae9e rgb(144,174,158)
```
#9bb6a8
```
#9bb6a8 rgb(155,182,168)
```
#a7bfb2
```
#a7bfb2 rgb(167,191,178)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#bdcfc6
```
#bdcfc6 rgb(189,207,198)
```
#c9d8d0
```
#c9d8d0 rgb(201,216,208)
```
#d4e0da
```
#d4e0da rgb(212,224,218)
```
#dfe8e4
```
#dfe8e4 rgb(223,232,228)
```
#ebf0ed
```
#ebf0ed rgb(235,240,237)
```
#f6f9f7
```
#f6f9f7 rgb(246,249,247)
```

Tint Color Variation

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

#bcbdbc
```
#bcbdbc rgb(188,189,188)
```
#b7c2bc
```
#b7c2bc rgb(183,194,188)
```
#b2c7bc
```
#b2c7bc rgb(178,199,188)
```
#adccbc
```
#adccbc rgb(173,204,188)
```
#a8d1bc
```
#a8d1bc rgb(168,209,188)
```
#a3d6bb
```
#a3d6bb rgb(163,214,187)
```
#9edbbb
```
#9edbbb rgb(158,219,187)
```
#98e1bb
```
#98e1bb rgb(152,225,187)
```
#93e6bb
```
#93e6bb rgb(147,230,187)
```
#8eebba
```
#8eebba rgb(142,235,186)
```
#89f0ba
```
#89f0ba rgb(137,240,186)
```
#84f5ba
```
#84f5ba rgb(132,245,186)
```
#7ffaba
```
#7ffaba rgb(127,250,186)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc1be Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac4bc Protanopia 1% of men
#d8bfc2 Deuteranopia 1% of men
#bac6d4 Tritanopia 0.001% of the population

Trichromacy

#c1c5bc Protanomaly 1% of men, 0.01% of women
#cac2c0 Deuteranomaly 6% of men, 0.4% of women
#b7c6cb Tritanomaly 0.01% of the population

#b2c7bc hex color

#b2c7bc Color Information

#b2c7bc Color Conversion

Color Schemes with #b2c7bc

Alternatives to #b2c7bc

#b2c7bc Preview

Shades and Tints of #b2c7bc

Tones of #b2c7bc

Color Blindness Simulator