#b4d8cc hex color

In a RGB color space, hex #b4d8cc is composed of 70.6% red, 84.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 5.6% yellow and 15.3% black. It has a hue angle of 160 degrees, a saturation of 31.6% and a lightness of 77.6%. #b4d8cc color hex could be obtained by blending #ffffff with #69b199. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 85
- B 80
RGB color chart
- C 17
- M 0
- Y 6
- K 15
CMYK color chart

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

The hexadecimal color #b4d8cc has RGB values of R:180, G:216, B:204 and CMYK values of C:0.17, M:0, Y:0.06, K:0.15. Its decimal value is 11851980.

Hex triplet	b4d8cc	`#b4d8cc`
RGB Decimal	180, 216, 204	`rgb(180,216,204)`
RGB Percent	70.6, 84.7, 80	`rgb(70.6%,84.7%,80%)`
CMYK	17, 0, 6, 15
HSL	160°, 31.6, 77.6	`hsl(160,31.6%,77.6%)`
HSV (or HSB)	160°, 16.7, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.534, -14.207, 1.958
XYZ	54.275, 63.173, 66.458
xyY	0.295, 0.344, 63.173
CIE-LCH	83.534, 14.341, 172.153
CIE-LUV	83.534, -18.582, 5.399
Hunter-Lab	79.482, -17.203, 6.063
Binary	10110100, 11011000, 11001100

#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#d8b4c0
```
#d8b4c0 rgb(216,180,192)
```

Complementary Color

#b4d8ba
```
#b4d8ba rgb(180,216,186)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#b4d2d8
```
#b4d2d8 rgb(180,210,216)
```

Analogous Color

#d8bab4
```
#d8bab4 rgb(216,186,180)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#d8b4d2
```
#d8b4d2 rgb(216,180,210)
```

Split Complementary Color

#d8ccb4
```
#d8ccb4 rgb(216,204,180)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#ccb4d8
```
#ccb4d8 rgb(204,180,216)
```

Triadic Color

#c0d8b4
```
#c0d8b4 rgb(192,216,180)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#ccb4d8
```
#ccb4d8 rgb(204,180,216)
```
#d8b4c0
```
#d8b4c0 rgb(216,180,192)
```

Tetradic Color

#82beaa
```
#82beaa rgb(130,190,170)
```
#92c7b5
```
#92c7b5 rgb(146,199,181)
```
#a3cfc1
```
#a3cfc1 rgb(163,207,193)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#c5e1d7
```
#c5e1d7 rgb(197,225,215)
```
#d6e9e3
```
#d6e9e3 rgb(214,233,227)
```
#e6f2ee
```
#e6f2ee rgb(230,242,238)
```

Monochromatic Color

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

#b4d8c3
```
#b4d8c3 rgb(180,216,195)
```
#b4d8c6
```
#b4d8c6 rgb(180,216,198)
```
#b4d8c9
```
#b4d8c9 rgb(180,216,201)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#b4d8cf
```
#b4d8cf rgb(180,216,207)
```
#b4d8d2
```
#b4d8d2 rgb(180,216,210)
```
#b4d8d5
```
#b4d8d5 rgb(180,216,213)
```

Similar Colors

Text with hexadecimal color #b4d8cc

This text has a font color of #b4d8cc.

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

#b4d8cc background color

This paragraph has a background color of #b4d8cc.

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

#b4d8cc border color

This element has a border color of #b4d8cc.

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

CSS codes

.text {color:#b4d8cc;}

.background {background-color:#b4d8cc;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0d
```
#080f0d rgb(8,15,13)
```
#0f1c18
```
#0f1c18 rgb(15,28,24)
```
#152923
```
#152923 rgb(21,41,35)
```
#1c362d
```
#1c362d rgb(28,54,45)
```
#234338
```
#234338 rgb(35,67,56)
```
#2a5043
```
#2a5043 rgb(42,80,67)
```
#305d4e
```
#305d4e rgb(48,93,78)
```
#376a59
```
#376a59 rgb(55,106,89)
```
#3e7764
```
#3e7764 rgb(62,119,100)
```
#44836e
```
#44836e rgb(68,131,110)
```
#4b9079
```
#4b9079 rgb(75,144,121)
```
#529d84
```
#529d84 rgb(82,157,132)
```

Shade Color Variation

#5aa98f
```
#5aa98f rgb(90,169,143)
```
#67b097
```
#67b097 rgb(103,176,151)
```
#73b6a0
```
#73b6a0 rgb(115,182,160)
```
#80bda9
```
#80bda9 rgb(128,189,169)
```
#8dc4b2
```
#8dc4b2 rgb(141,196,178)
```
#9acbba
```
#9acbba rgb(154,203,186)
```
#a7d1c3
```
#a7d1c3 rgb(167,209,195)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#c1dfd5
```
#c1dfd5 rgb(193,223,213)
```
#cee5de
```
#cee5de rgb(206,229,222)
```
#dbece6
```
#dbece6 rgb(219,236,230)
```
#e8f3ef
```
#e8f3ef rgb(232,243,239)
```
#f5faf8
```
#f5faf8 rgb(245,250,248)
```

Tint Color Variation

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

#c6c6c6
```
#c6c6c6 rgb(198,198,198)
```
#c1cbc8
```
#c1cbc8 rgb(193,203,200)
```
#bdcfc9
```
#bdcfc9 rgb(189,207,201)
```
#b8d4cb
```
#b8d4cb rgb(184,212,203)
```
#b4d8cc
```
#b4d8cc rgb(180,216,204)
```
#b0dccd
```
#b0dccd rgb(176,220,205)
```
#abe1cf
```
#abe1cf rgb(171,225,207)
```
#a7e5d0
```
#a7e5d0 rgb(167,229,208)
```
#a2ead2
```
#a2ead2 rgb(162,234,210)
```
#9eeed3
```
#9eeed3 rgb(158,238,211)
```
#9af2d5
```
#9af2d5 rgb(154,242,213)
```
#95f7d6
```
#95f7d6 rgb(149,247,214)
```
#91fbd8
```
#91fbd8 rgb(145,251,216)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c7cecc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d1ca Protanopia 1% of men
#e5ccd3 Deuteranopia 1% of men
#bcd6e5 Tritanopia 0.001% of the population

Trichromacy

#cad3ca Protanomaly 1% of men, 0.01% of women
#d3d0d0 Deuteranomaly 6% of men, 0.4% of women
#b9d7dc Tritanomaly 0.01% of the population

#b4d8cc hex color

#b4d8cc Color Information

#b4d8cc Color Conversion

Color Schemes with #b4d8cc

Alternatives to #b4d8cc

#b4d8cc Preview

Shades and Tints of #b4d8cc

Tones of #b4d8cc

Color Blindness Simulator