#b4c8bd hex color

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

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

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

The hexadecimal color #b4c8bd has RGB values of R:180, G:200, B:189 and CMYK values of C:0.1, M:0, Y:0.05, K:0.22. Its decimal value is 11847869.

Hex triplet	b4c8bd	`#b4c8bd`
RGB Decimal	180, 200, 189	`rgb(180,200,189)`
RGB Percent	70.6, 78.4, 74.1	`rgb(70.6%,78.4%,74.1%)`
CMYK	10, 0, 5, 22
HSL	147°, 15.4, 74.5	`hsl(147,15.4%,74.5%)`
HSV (or HSB)	147°, 10, 78.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.86, -8.889, 3.184
XYZ	48.66, 54.685, 56.133
xyY	0.305, 0.343, 54.685
CIE-LCH	78.86, 9.442, 160.294
CIE-LUV	78.86, -10.463, 6.27
Hunter-Lab	73.95, -11.956, 6.759
Binary	10110100, 11001000, 10111101

#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#c8b4bf
```
#c8b4bf rgb(200,180,191)
```

Complementary Color

#b5c8b4
```
#b5c8b4 rgb(181,200,180)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#b4c8c7
```
#b4c8c7 rgb(180,200,199)
```

Analogous Color

#c8b4b5
```
#c8b4b5 rgb(200,180,181)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#c7b4c8
```
#c7b4c8 rgb(199,180,200)
```

Split Complementary Color

#c8bdb4
```
#c8bdb4 rgb(200,189,180)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#bdb4c8
```
#bdb4c8 rgb(189,180,200)
```

Triadic Color

#bfc8b4
```
#bfc8b4 rgb(191,200,180)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#bdb4c8
```
#bdb4c8 rgb(189,180,200)
```
#c8b4bf
```
#c8b4bf rgb(200,180,191)
```

Tetradic Color

#88a896
```
#88a896 rgb(136,168,150)
```
#97b2a3
```
#97b2a3 rgb(151,178,163)
```
#a5bdb0
```
#a5bdb0 rgb(165,189,176)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#c3d3ca
```
#c3d3ca rgb(195,211,202)
```
#d1ded7
```
#d1ded7 rgb(209,222,215)
```
#e0e8e4
```
#e0e8e4 rgb(224,232,228)
```

Monochromatic Color

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

#b4c8b8
```
#b4c8b8 rgb(180,200,184)
```
#b4c8ba
```
#b4c8ba rgb(180,200,186)
```
#b4c8bb
```
#b4c8bb rgb(180,200,187)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#b4c8bf
```
#b4c8bf rgb(180,200,191)
```
#b4c8c0
```
#b4c8c0 rgb(180,200,192)
```
#b4c8c2
```
#b4c8c2 rgb(180,200,194)
```

Similar Colors

Text with hexadecimal color #b4c8bd

This text has a font color of #b4c8bd.

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

#b4c8bd background color

This paragraph has a background color of #b4c8bd.

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

#b4c8bd border color

This element has a border color of #b4c8bd.

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

CSS codes

.text {color:#b4c8bd;}

.background {background-color:#b4c8bd;}

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

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)
```
#1c2621
```
#1c2621 rgb(28,38,33)
```
#24312a
```
#24312a rgb(36,49,42)
```
#2d3d34
```
#2d3d34 rgb(45,61,52)
```
#35483e
```
#35483e rgb(53,72,62)
```
#3d5347
```
#3d5347 rgb(61,83,71)
```
#455f51
```
#455f51 rgb(69,95,81)
```
#4e6a5b
```
#4e6a5b rgb(78,106,91)
```
#567564
```
#567564 rgb(86,117,100)
```
#5e816e
```
#5e816e rgb(94,129,110)
```
#678c77
```
#678c77 rgb(103,140,119)
```

Shade Color Variation

#709681
```
#709681 rgb(112,150,129)
```
#7b9f8b
```
#7b9f8b rgb(123,159,139)
```
#87a795
```
#87a795 rgb(135,167,149)
```
#92af9f
```
#92af9f rgb(146,175,159)
```
#9db7a9
```
#9db7a9 rgb(157,183,169)
```
#a9c0b3
```
#a9c0b3 rgb(169,192,179)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#bfd0c7
```
#bfd0c7 rgb(191,208,199)
```
#cbd9d1
```
#cbd9d1 rgb(203,217,209)
```
#d6e1db
```
#d6e1db rgb(214,225,219)
```
#e1e9e5
```
#e1e9e5 rgb(225,233,229)
```
#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, #b9c3be is the less saturated color, while #7dffb8 is the most saturated one.

#b9c3be
```
#b9c3be rgb(185,195,190)
```
#b4c8bd
```
#b4c8bd rgb(180,200,189)
```
#afcdbd
```
#afcdbd rgb(175,205,189)
```
#aad2bc
```
#aad2bc rgb(170,210,188)
```
#a5d7bc
```
#a5d7bc rgb(165,215,188)
```
#a0dcbb
```
#a0dcbb rgb(160,220,187)
```
#9be1bb
```
#9be1bb rgb(155,225,187)
```
#96e6ba
```
#96e6ba rgb(150,230,186)
```
#91ebba
```
#91ebba rgb(145,235,186)
```
#8cf0b9
```
#8cf0b9 rgb(140,240,185)
```
#87f5b9
```
#87f5b9 rgb(135,245,185)
```
#82fab8
```
#82fab8 rgb(130,250,184)
```
#7dffb8
```
#7dffb8 rgb(125,255,184)
```

Tone Color Variation

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

#cbc5bd Protanopia 1% of men
#d9c0c3 Deuteranopia 1% of men
#bcc7d5 Tritanopia 0.001% of the population

Trichromacy

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

#b4c8bd hex color

#b4c8bd Color Information

#b4c8bd Color Conversion

Color Schemes with #b4c8bd

Alternatives to #b4c8bd

#b4c8bd Preview

Shades and Tints of #b4c8bd

Tones of #b4c8bd

Color Blindness Simulator