#b2ccbb hex color

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

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

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

The hexadecimal color #b2ccbb has RGB values of R:178, G:204, B:187 and CMYK values of C:0.13, M:0, Y:0.08, K:0.2. Its decimal value is 11717819.

Hex triplet	b2ccbb	`#b2ccbb`
RGB Decimal	178, 204, 187	`rgb(178,204,187)`
RGB Percent	69.8, 80, 73.3	`rgb(69.8%,80%,73.3%)`
CMYK	13, 0, 8, 20
HSL	140.8°, 20.3, 74.9	`hsl(140.8,20.3%,74.9%)`
HSV (or HSB)	140.8°, 12.7, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.749, -12.009, 5.525
XYZ	48.921, 56.238, 55.289
xyY	0.305, 0.351, 56.238
CIE-LCH	79.749, 13.219, 155.294
CIE-LUV	79.749, -13.422, 10.261
Hunter-Lab	74.992, -14.792, 8.782
Binary	10110010, 11001100, 10111011

#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#ccb2c3
```
#ccb2c3 rgb(204,178,195)
```

Complementary Color

#b6ccb2
```
#b6ccb2 rgb(182,204,178)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#b2ccc8
```
#b2ccc8 rgb(178,204,200)
```

Analogous Color

#ccb2b6
```
#ccb2b6 rgb(204,178,182)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#c8b2cc
```
#c8b2cc rgb(200,178,204)
```

Split Complementary Color

#ccbbb2
```
#ccbbb2 rgb(204,187,178)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#bbb2cc
```
#bbb2cc rgb(187,178,204)
```

Triadic Color

#c3ccb2
```
#c3ccb2 rgb(195,204,178)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#bbb2cc
```
#bbb2cc rgb(187,178,204)
```
#ccb2c3
```
#ccb2c3 rgb(204,178,195)
```

Tetradic Color

#84ae92
```
#84ae92 rgb(132,174,146)
```
#93b8a0
```
#93b8a0 rgb(147,184,160)
```
#a3c2ad
```
#a3c2ad rgb(163,194,173)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#c1d6c9
```
#c1d6c9 rgb(193,214,201)
```
#d1e0d6
```
#d1e0d6 rgb(209,224,214)
```
#e0eae4
```
#e0eae4 rgb(224,234,228)
```

Monochromatic Color

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

#b2ccb5
```
#b2ccb5 rgb(178,204,181)
```
#b2ccb7
```
#b2ccb7 rgb(178,204,183)
```
#b2ccb9
```
#b2ccb9 rgb(178,204,185)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#b2ccbd
```
#b2ccbd rgb(178,204,189)
```
#b2ccbf
```
#b2ccbf rgb(178,204,191)
```
#b2ccc2
```
#b2ccc2 rgb(178,204,194)
```

Similar Colors

Text with hexadecimal color #b2ccbb

This text has a font color of #b2ccbb.

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

#b2ccbb background color

This paragraph has a background color of #b2ccbb.

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

#b2ccbb border color

This element has a border color of #b2ccbb.

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

CSS codes

.text {color:#b2ccbb;}

.background {background-color:#b2ccbb;}

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

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

#040604
```
#040604 rgb(4,6,4)
```
#0c110e
```
#0c110e rgb(12,17,14)
```
#131d17
```
#131d17 rgb(19,29,23)
```
#1b2920
```
#1b2920 rgb(27,41,32)
```
#233529
```
#233529 rgb(35,53,41)
```
#2b4132
```
#2b4132 rgb(43,65,50)
```
#334c3c
```
#334c3c rgb(51,76,60)
```
#3a5845
```
#3a5845 rgb(58,88,69)
```
#42644e
```
#42644e rgb(66,100,78)
```
#4a7057
```
#4a7057 rgb(74,112,87)
```
#527c60
```
#527c60 rgb(82,124,96)
```
#5a876a
```
#5a876a rgb(90,135,106)
```
#619373
```
#619373 rgb(97,147,115)
```

Shade Color Variation

#6b9d7c
```
#6b9d7c rgb(107,157,124)
```
#77a587
```
#77a587 rgb(119,165,135)
```
#83ad91
```
#83ad91 rgb(131,173,145)
```
#8fb59c
```
#8fb59c rgb(143,181,156)
```
#9abca6
```
#9abca6 rgb(154,188,166)
```
#a6c4b1
```
#a6c4b1 rgb(166,196,177)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#bed4c5
```
#bed4c5 rgb(190,212,197)
```
#cadcd0
```
#cadcd0 rgb(202,220,208)
```
#d5e3da
```
#d5e3da rgb(213,227,218)
```
#e1ebe5
```
#e1ebe5 rgb(225,235,229)
```
#edf3ef
```
#edf3ef rgb(237,243,239)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

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

#bcc2be
```
#bcc2be rgb(188,194,190)
```
#b7c7bd
```
#b7c7bd rgb(183,199,189)
```
#b2ccbb
```
#b2ccbb rgb(178,204,187)
```
#add1b9
```
#add1b9 rgb(173,209,185)
```
#a8d6b8
```
#a8d6b8 rgb(168,214,184)
```
#a3dbb6
```
#a3dbb6 rgb(163,219,182)
```
#9ee0b5
```
#9ee0b5 rgb(158,224,181)
```
#99e5b3
```
#99e5b3 rgb(153,229,179)
```
#94eab2
```
#94eab2 rgb(148,234,178)
```
#90eeb0
```
#90eeb0 rgb(144,238,176)
```
#8bf3af
```
#8bf3af rgb(139,243,175)
```
#86f8ad
```
#86f8ad rgb(134,248,173)
```
#81fdac
```
#81fdac rgb(129,253,172)
```

Tone Color Variation

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

Dichromacy

#cfc7bb Protanopia 1% of men
#ddc2c2 Deuteranopia 1% of men
#bbcad9 Tritanopia 0.001% of the population

Trichromacy

#c4c9bb Protanomaly 1% of men, 0.01% of women
#cdc5bf Deuteranomaly 6% of men, 0.4% of women
#b7cbce Tritanomaly 0.01% of the population

#b2ccbb hex color

#b2ccbb Color Information

#b2ccbb Color Conversion

Color Schemes with #b2ccbb

Alternatives to #b2ccbb

#b2ccbb Preview

Shades and Tints of #b2ccbb

Tones of #b2ccbb

Color Blindness Simulator