#b4c8bc hex color

In a RGB color space, hex #b4c8bc is composed of 70.6% red, 78.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 6% yellow and 21.6% black. It has a hue angle of 144 degrees, a saturation of 15.4% and a lightness of 74.5%. #b4c8bc color hex could be obtained by blending #ffffff with #699179. Closest websafe color is: #cccccc.

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

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

The hexadecimal color #b4c8bc has RGB values of R:180, G:200, B:188 and CMYK values of C:0.1, M:0, Y:0.06, K:0.22. Its decimal value is 11847868.

Hex triplet	b4c8bc	`#b4c8bc`
RGB Decimal	180, 200, 188	`rgb(180,200,188)`
RGB Percent	70.6, 78.4, 73.7	`rgb(70.6%,78.4%,73.7%)`
CMYK	10, 0, 6, 22
HSL	144°, 15.4, 74.5	`hsl(144,15.4%,74.5%)`
HSV (or HSB)	144°, 10, 78.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.835, -9.078, 3.685
XYZ	48.552, 54.642, 55.563
xyY	0.306, 0.344, 54.642
CIE-LCH	78.835, 9.797, 157.906
CIE-LUV	78.835, -10.43, 7.041
Hunter-Lab	73.92, -12.119, 7.178
Binary	10110100, 11001000, 10111100

#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#c8b4c0
```
#c8b4c0 rgb(200,180,192)
```

Complementary Color

#b6c8b4
```
#b6c8b4 rgb(182,200,180)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#b4c8c6
```
#b4c8c6 rgb(180,200,198)
```

Analogous Color

#c8b4b6
```
#c8b4b6 rgb(200,180,182)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#c6b4c8
```
#c6b4c8 rgb(198,180,200)
```

Split Complementary Color

#c8bcb4
```
#c8bcb4 rgb(200,188,180)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#bcb4c8
```
#bcb4c8 rgb(188,180,200)
```

Triadic Color

#c0c8b4
```
#c0c8b4 rgb(192,200,180)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#bcb4c8
```
#bcb4c8 rgb(188,180,200)
```
#c8b4c0
```
#c8b4c0 rgb(200,180,192)
```

Tetradic Color

#88a895
```
#88a895 rgb(136,168,149)
```
#97b2a2
```
#97b2a2 rgb(151,178,162)
```
#a5bdaf
```
#a5bdaf rgb(165,189,175)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#c3d3c9
```
#c3d3c9 rgb(195,211,201)
```
#d1ded6
```
#d1ded6 rgb(209,222,214)
```
#e0e8e3
```
#e0e8e3 rgb(224,232,227)
```

Monochromatic Color

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

#b4c8b7
```
#b4c8b7 rgb(180,200,183)
```
#b4c8b9
```
#b4c8b9 rgb(180,200,185)
```
#b4c8ba
```
#b4c8ba rgb(180,200,186)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#b4c8be
```
#b4c8be rgb(180,200,190)
```
#b4c8bf
```
#b4c8bf rgb(180,200,191)
```
#b4c8c1
```
#b4c8c1 rgb(180,200,193)
```

Similar Colors

Text with hexadecimal color #b4c8bc

This text has a font color of #b4c8bc.

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

#b4c8bc background color

This paragraph has a background color of #b4c8bc.

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

#b4c8bc border color

This element has a border color of #b4c8bc.

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

CSS codes

.text {color:#b4c8bc;}

.background {background-color:#b4c8bc;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b100d
```
#0b100d rgb(11,16,13)
```
#141b17
```
#141b17 rgb(20,27,23)
```
#1c2620
```
#1c2620 rgb(28,38,32)
```
#24312a
```
#24312a rgb(36,49,42)
```
#2d3d33
```
#2d3d33 rgb(45,61,51)
```
#35483d
```
#35483d rgb(53,72,61)
```
#3d5346
```
#3d5346 rgb(61,83,70)
```
#455f50
```
#455f50 rgb(69,95,80)
```
#4e6a59
```
#4e6a59 rgb(78,106,89)
```
#567563
```
#567563 rgb(86,117,99)
```
#5e816c
```
#5e816c rgb(94,129,108)
```
#678c76
```
#678c76 rgb(103,140,118)
```

Shade Color Variation

#70967f
```
#70967f rgb(112,150,127)
```
#7b9f89
```
#7b9f89 rgb(123,159,137)
```
#87a794
```
#87a794 rgb(135,167,148)
```
#92af9e
```
#92af9e rgb(146,175,158)
```
#9db7a8
```
#9db7a8 rgb(157,183,168)
```
#a9c0b2
```
#a9c0b2 rgb(169,192,178)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#bfd0c6
```
#bfd0c6 rgb(191,208,198)
```
#cbd9d0
```
#cbd9d0 rgb(203,217,208)
```
#d6e1da
```
#d6e1da rgb(214,225,218)
```
#e1e9e4
```
#e1e9e4 rgb(225,233,228)
```
#edf1ef
```
#edf1ef rgb(237,241,239)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#b9c3bd
```
#b9c3bd rgb(185,195,189)
```
#b4c8bc
```
#b4c8bc rgb(180,200,188)
```
#afcdbb
```
#afcdbb rgb(175,205,187)
```
#aad2ba
```
#aad2ba rgb(170,210,186)
```
#a5d7b9
```
#a5d7b9 rgb(165,215,185)
```
#a0dcb8
```
#a0dcb8 rgb(160,220,184)
```
#9be1b7
```
#9be1b7 rgb(155,225,183)
```
#96e6b6
```
#96e6b6 rgb(150,230,182)
```
#91ebb5
```
#91ebb5 rgb(145,235,181)
```
#8cf0b4
```
#8cf0b4 rgb(140,240,180)
```
#87f5b3
```
#87f5b3 rgb(135,245,179)
```
#82fab2
```
#82fab2 rgb(130,250,178)
```
#7dffb1
```
#7dffb1 rgb(125,255,177)
```

Tone Color Variation

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

Dichromacy

#cbc5bc Protanopia 1% of men
#d9c0c2 Deuteranopia 1% of men
#bcc7d5 Tritanopia 0.001% of the population

Trichromacy

#c3c6bc Protanomaly 1% of men, 0.01% of women
#ccc3c0 Deuteranomaly 6% of men, 0.4% of women
#b9c7cc Tritanomaly 0.01% of the population

#b4c8bc hex color

#b4c8bc Color Information

#b4c8bc Color Conversion

Color Schemes with #b4c8bc

Alternatives to #b4c8bc

#b4c8bc Preview

Shades and Tints of #b4c8bc

Tones of #b4c8bc

Color Blindness Simulator