#b2cccb hex color

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

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

● #b2cccb color description : Grayish cyan.

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

Hex triplet	b2cccb	`#b2cccb`
RGB Decimal	178, 204, 203	`rgb(178,204,203)`
RGB Percent	69.8, 80, 79.6	`rgb(69.8%,80%,79.6%)`
CMYK	13, 0, 0, 20
HSL	177.7°, 20.3, 74.9	`hsl(177.7,20.3%,74.9%)`
HSV (or HSB)	177.7°, 12.7, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.158, -8.892, -2.456
XYZ	50.73, 56.962, 64.819
xyY	0.294, 0.33, 56.962
CIE-LCH	80.158, 9.225, 195.439
CIE-LUV	80.158, -13.861, -2.211
Hunter-Lab	75.473, -12.096, 1.911
Binary	10110010, 11001100, 11001011

#b2cccb
```
#b2cccb rgb(178,204,203)
```
#ccb2b3
```
#ccb2b3 rgb(204,178,179)
```

Complementary Color

#b2ccbe
```
#b2ccbe rgb(178,204,190)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#b2c0cc
```
#b2c0cc rgb(178,192,204)
```

Analogous Color

#ccbeb2
```
#ccbeb2 rgb(204,190,178)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#ccb2c0
```
#ccb2c0 rgb(204,178,192)
```

Split Complementary Color

#cccbb2
```
#cccbb2 rgb(204,203,178)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#cbb2cc
```
#cbb2cc rgb(203,178,204)
```

Triadic Color

#b3ccb2
```
#b3ccb2 rgb(179,204,178)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#cbb2cc
```
#cbb2cc rgb(203,178,204)
```
#ccb2b3
```
#ccb2b3 rgb(204,178,179)
```

Tetradic Color

#84aeac
```
#84aeac rgb(132,174,172)
```
#93b8b6
```
#93b8b6 rgb(147,184,182)
```
#a3c2c1
```
#a3c2c1 rgb(163,194,193)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#c1d6d5
```
#c1d6d5 rgb(193,214,213)
```
#d1e0e0
```
#d1e0e0 rgb(209,224,224)
```
#e0eaea
```
#e0eaea rgb(224,234,234)
```

Monochromatic Color

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

#b2ccc5
```
#b2ccc5 rgb(178,204,197)
```
#b2ccc7
```
#b2ccc7 rgb(178,204,199)
```
#b2ccc9
```
#b2ccc9 rgb(178,204,201)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#b2cbcc
```
#b2cbcc rgb(178,203,204)
```
#b2c9cc
```
#b2c9cc rgb(178,201,204)
```
#b2c7cc
```
#b2c7cc rgb(178,199,204)
```

Similar Colors

Text with hexadecimal color #b2cccb

This text has a font color of #b2cccb.

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

#b2cccb background color

This paragraph has a background color of #b2cccb.

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

#b2cccb border color

This element has a border color of #b2cccb.

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

CSS codes

.text {color:#b2cccb;}

.background {background-color:#b2cccb;}

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1111
```
#0c1111 rgb(12,17,17)
```
#131d1d
```
#131d1d rgb(19,29,29)
```
#1b2928
```
#1b2928 rgb(27,41,40)
```
#233534
```
#233534 rgb(35,53,52)
```
#2b4140
```
#2b4140 rgb(43,65,64)
```
#334c4b
```
#334c4b rgb(51,76,75)
```
#3a5857
```
#3a5857 rgb(58,88,87)
```
#426463
```
#426463 rgb(66,100,99)
```
#4a706e
```
#4a706e rgb(74,112,110)
```
#527c7a
```
#527c7a rgb(82,124,122)
```
#5a8786
```
#5a8786 rgb(90,135,134)
```
#619391
```
#619391 rgb(97,147,145)
```

Shade Color Variation

#6b9d9b
```
#6b9d9b rgb(107,157,155)
```
#77a5a3
```
#77a5a3 rgb(119,165,163)
```
#83adab
```
#83adab rgb(131,173,171)
```
#8fb5b3
```
#8fb5b3 rgb(143,181,179)
```
#9abcbb
```
#9abcbb rgb(154,188,187)
```
#a6c4c3
```
#a6c4c3 rgb(166,196,195)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#bed4d3
```
#bed4d3 rgb(190,212,211)
```
#cadcdb
```
#cadcdb rgb(202,220,219)
```
#d5e3e3
```
#d5e3e3 rgb(213,227,227)
```
#e1ebeb
```
#e1ebeb rgb(225,235,235)
```
#edf3f3
```
#edf3f3 rgb(237,243,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#bcc2c2
```
#bcc2c2 rgb(188,194,194)
```
#b7c7c6
```
#b7c7c6 rgb(183,199,198)
```
#b2cccb
```
#b2cccb rgb(178,204,203)
```
#add1d0
```
#add1d0 rgb(173,209,208)
```
#a8d6d4
```
#a8d6d4 rgb(168,214,212)
```
#a3dbd9
```
#a3dbd9 rgb(163,219,217)
```
#9ee0dd
```
#9ee0dd rgb(158,224,221)
```
#99e5e2
```
#99e5e2 rgb(153,229,226)
```
#94eae6
```
#94eae6 rgb(148,234,230)
```
#90eeeb
```
#90eeeb rgb(144,238,235)
```
#8bf3ef
```
#8bf3ef rgb(139,243,239)
```
#86f8f4
```
#86f8f4 rgb(134,248,244)
```
#81fdf8
```
#81fdf8 rgb(129,253,248)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c6c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc8ca Protanopia 1% of men
#d8c4d1 Deuteranopia 1% of men
#b8ccdb Tritanopia 0.001% of the population

Trichromacy

#c2c9ca Protanomaly 1% of men, 0.01% of women
#cac6ce Deuteranomaly 6% of men, 0.4% of women
#b6ccd5 Tritanomaly 0.01% of the population

#b2cccb hex color

#b2cccb Color Information

#b2cccb Color Conversion

Color Schemes with #b2cccb

Alternatives to #b2cccb

#b2cccb Preview

Shades and Tints of #b2cccb

Tones of #b2cccb

Color Blindness Simulator