#b4d8de hex color

In a RGB color space, hex #b4d8de is composed of 70.6% red, 84.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 2.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 188.6 degrees, a saturation of 38.9% and a lightness of 78.8%. #b4d8de color hex could be obtained by blending #ffffff with #69b1bd. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 85
- B 87
RGB color chart
- C 19
- M 3
- Y 0
- K 13
CMYK color chart

● #b4d8de color description : Light grayish cyan.

The hexadecimal color #b4d8de has RGB values of R:180, G:216, B:222 and CMYK values of C:0.19, M:0.03, Y:0, K:0.13. Its decimal value is 11851998.

Hex triplet	b4d8de	`#b4d8de`
RGB Decimal	180, 216, 222	`rgb(180,216,222)`
RGB Percent	70.6, 84.7, 87.1	`rgb(70.6%,84.7%,87.1%)`
CMYK	19, 3, 0, 13
HSL	188.6°, 38.9, 78.8	`hsl(188.6,38.9%,78.8%)`
HSV (or HSB)	188.6°, 18.9, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.011, -10.524, -6.897
XYZ	56.56, 64.088, 78.493
xyY	0.284, 0.322, 64.088
CIE-LCH	84.011, 12.583, 213.24
CIE-LUV	84.011, -18.929, -8.891
Hunter-Lab	80.055, -13.982, -2.095
Binary	10110100, 11011000, 11011110

#b4d8de
```
#b4d8de rgb(180,216,222)
```
#debab4
```
#debab4 rgb(222,186,180)
```

Complementary Color

#b4decf
```
#b4decf rgb(180,222,207)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#b4c3de
```
#b4c3de rgb(180,195,222)
```

Analogous Color

#decfb4
```
#decfb4 rgb(222,207,180)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#deb4c3
```
#deb4c3 rgb(222,180,195)
```

Split Complementary Color

#d8deb4
```
#d8deb4 rgb(216,222,180)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#deb4d8
```
#deb4d8 rgb(222,180,216)
```

Triadic Color

#b4deba
```
#b4deba rgb(180,222,186)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#deb4d8
```
#deb4d8 rgb(222,180,216)
```
#debab4
```
#debab4 rgb(222,186,180)
```

Tetradic Color

#7fbcc7
```
#7fbcc7 rgb(127,188,199)
```
#91c6ce
```
#91c6ce rgb(145,198,206)
```
#a2cfd6
```
#a2cfd6 rgb(162,207,214)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#c6e1e6
```
#c6e1e6 rgb(198,225,230)
```
#d7eaee
```
#d7eaee rgb(215,234,238)
```
#e9f4f5
```
#e9f4f5 rgb(233,244,245)
```

Monochromatic Color

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

#b4deda
```
#b4deda rgb(180,222,218)
```
#b4dedd
```
#b4dedd rgb(180,222,221)
```
#b4dcde
```
#b4dcde rgb(180,220,222)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#b4d5de
```
#b4d5de rgb(180,213,222)
```
#b4d1de
```
#b4d1de rgb(180,209,222)
```
#b4cede
```
#b4cede rgb(180,206,222)
```

Similar Colors

Text with hexadecimal color #b4d8de

This text has a font color of #b4d8de.

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

#b4d8de background color

This paragraph has a background color of #b4d8de.

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

#b4d8de border color

This element has a border color of #b4d8de.

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

CSS codes

.text {color:#b4d8de;}

.background {background-color:#b4d8de;}

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091314
```
#091314 rgb(9,19,20)
```
#0f1f22
```
#0f1f22 rgb(15,31,34)
```
#152c30
```
#152c30 rgb(21,44,48)
```
#1b383d
```
#1b383d rgb(27,56,61)
```
#21454b
```
#21454b rgb(33,69,75)
```
#275158
```
#275158 rgb(39,81,88)
```
#2d5e66
```
#2d5e66 rgb(45,94,102)
```
#336a74
```
#336a74 rgb(51,106,116)
```
#397781
```
#397781 rgb(57,119,129)
```
#3f848f
```
#3f848f rgb(63,132,143)
```
#45909d
```
#45909d rgb(69,144,157)
```
#4b9daa
```
#4b9daa rgb(75,157,170)
```

Shade Color Variation

#55a6b4
```
#55a6b4 rgb(85,166,180)
```
#62aeba
```
#62aeba rgb(98,174,186)
```
#70b5c0
```
#70b5c0 rgb(112,181,192)
```
#7ebcc6
```
#7ebcc6 rgb(126,188,198)
```
#8bc3cc
```
#8bc3cc rgb(139,195,204)
```
#99cad2
```
#99cad2 rgb(153,202,210)
```
#a6d1d8
```
#a6d1d8 rgb(166,209,216)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#c2dfe4
```
#c2dfe4 rgb(194,223,228)
```
#cfe6ea
```
#cfe6ea rgb(207,230,234)
```
#ddedf0
```
#ddedf0 rgb(221,237,240)
```
#eaf4f6
```
#eaf4f6 rgb(234,244,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#c9c9c9
```
#c9c9c9 rgb(201,201,201)
```
#c5cccd
```
#c5cccd rgb(197,204,205)
```
#c0cfd2
```
#c0cfd2 rgb(192,207,210)
```
#bcd2d6
```
#bcd2d6 rgb(188,210,214)
```
#b8d5da
```
#b8d5da rgb(184,213,218)
```
#b4d8de
```
#b4d8de rgb(180,216,222)
```
#b0dbe2
```
#b0dbe2 rgb(176,219,226)
```
#acdee6
```
#acdee6 rgb(172,222,230)
```
#a8e1ea
```
#a8e1ea rgb(168,225,234)
```
#a3e4ef
```
#a3e4ef rgb(163,228,239)
```
#9fe7f3
```
#9fe7f3 rgb(159,231,243)
```
#9beaf7
```
#9beaf7 rgb(155,234,247)
```
#97edfb
```
#97edfb rgb(151,237,251)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c9d0d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d2db Protanopia 1% of men
#dfcee3 Deuteranopia 1% of men
#b9d8e8 Tritanopia 0.001% of the population

Trichromacy

#c8d4dc Protanomaly 1% of men, 0.01% of women
#cfd1e1 Deuteranomaly 6% of men, 0.4% of women
#b7d8e4 Tritanomaly 0.01% of the population

#b4d8de hex color

#b4d8de Color Information

#b4d8de Color Conversion

Color Schemes with #b4d8de

Alternatives to #b4d8de

#b4d8de Preview

Shades and Tints of #b4d8de

Tones of #b4d8de

Color Blindness Simulator