#b8d8e4 hex color

In a RGB color space, hex #b8d8e4 is composed of 72.2% red, 84.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 5.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 196.4 degrees, a saturation of 44.9% and a lightness of 80.8%. #b8d8e4 color hex could be obtained by blending #ffffff with #71b1c9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 85
- B 89
RGB color chart
- C 19
- M 5
- Y 0
- K 11
CMYK color chart

● #b8d8e4 color description : Light grayish blue.

The hexadecimal color #b8d8e4 has RGB values of R:184, G:216, B:228 and CMYK values of C:0.19, M:0.05, Y:0, K:0.11. Its decimal value is 12114148.

Hex triplet	b8d8e4	`#b8d8e4`
RGB Decimal	184, 216, 228	`rgb(184,216,228)`
RGB Percent	72.2, 84.7, 89.4	`rgb(72.2%,84.7%,89.4%)`
CMYK	19, 5, 0, 11
HSL	196.4°, 44.9, 80.8	`hsl(196.4,44.9%,80.8%)`
HSV (or HSB)	196.4°, 19.3, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.433, -8.017, -9.427
XYZ	58.324, 64.902, 82.849
xyY	0.283, 0.315, 64.902
CIE-LCH	84.433, 12.375, 229.622
CIE-LUV	84.433, -17.163, -13.321
Hunter-Lab	80.562, -11.757, -4.58
Binary	10111000, 11011000, 11100100

#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#e4c4b8
```
#e4c4b8 rgb(228,196,184)
```

Complementary Color

#b8e4da
```
#b8e4da rgb(184,228,218)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#b8c2e4
```
#b8c2e4 rgb(184,194,228)
```

Analogous Color

#e4dab8
```
#e4dab8 rgb(228,218,184)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#e4b8c2
```
#e4b8c2 rgb(228,184,194)
```

Split Complementary Color

#d8e4b8
```
#d8e4b8 rgb(216,228,184)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#e4b8d8
```
#e4b8d8 rgb(228,184,216)
```

Triadic Color

#b8e4c4
```
#b8e4c4 rgb(184,228,196)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#e4b8d8
```
#e4b8d8 rgb(228,184,216)
```
#e4c4b8
```
#e4c4b8 rgb(228,196,184)
```

Tetradic Color

#81bacf
```
#81bacf rgb(129,186,207)
```
#93c4d6
```
#93c4d6 rgb(147,196,214)
```
#a6cedd
```
#a6cedd rgb(166,206,221)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#cae2eb
```
#cae2eb rgb(202,226,235)
```
#ddecf2
```
#ddecf2 rgb(221,236,242)
```
#eff6f9
```
#eff6f9 rgb(239,246,249)
```

Monochromatic Color

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

#b8e3e4
```
#b8e3e4 rgb(184,227,228)
```
#b8dfe4
```
#b8dfe4 rgb(184,223,228)
```
#b8dce4
```
#b8dce4 rgb(184,220,228)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#b8d4e4
```
#b8d4e4 rgb(184,212,228)
```
#b8d1e4
```
#b8d1e4 rgb(184,209,228)
```
#b8cde4
```
#b8cde4 rgb(184,205,228)
```

Similar Colors

Text with hexadecimal color #b8d8e4

This text has a font color of #b8d8e4.

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

#b8d8e4 background color

This paragraph has a background color of #b8d8e4.

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

#b8d8e4 border color

This element has a border color of #b8d8e4.

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

CSS codes

.text {color:#b8d8e4;}

.background {background-color:#b8d8e4;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050c0e
```
#050c0e rgb(5,12,14)
```
#0b181c
```
#0b181c rgb(11,24,28)
```
#10232b
```
#10232b rgb(16,35,43)
```
#162f39
```
#162f39 rgb(22,47,57)
```
#1b3b47
```
#1b3b47 rgb(27,59,71)
```
#204755
```
#204755 rgb(32,71,85)
```
#265364
```
#265364 rgb(38,83,100)
```
#2b5f72
```
#2b5f72 rgb(43,95,114)
```
#316a80
```
#316a80 rgb(49,106,128)
```
#36768e
```
#36768e rgb(54,118,142)
```
#3b829c
```
#3b829c rgb(59,130,156)
```
#418eab
```
#418eab rgb(65,142,171)
```

Shade Color Variation

#469ab9
```
#469ab9 rgb(70,154,185)
```
#55a1be
```
#55a1be rgb(85,161,190)
```
#63a9c4
```
#63a9c4 rgb(99,169,196)
```
#71b1c9
```
#71b1c9 rgb(113,177,201)
```
#7fb9ce
```
#7fb9ce rgb(127,185,206)
```
#8dc1d4
```
#8dc1d4 rgb(141,193,212)
```
#9cc8d9
```
#9cc8d9 rgb(156,200,217)
```
#aad0df
```
#aad0df rgb(170,208,223)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#c6e0e9
```
#c6e0e9 rgb(198,224,233)
```
#d4e8ef
```
#d4e8ef rgb(212,232,239)
```
#e3eff4
```
#e3eff4 rgb(227,239,244)
```
#f1f7fa
```
#f1f7fa rgb(241,247,250)
```

Tint Color Variation

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

#cbcfd1
```
#cbcfd1 rgb(203,207,209)
```
#c7d1d5
```
#c7d1d5 rgb(199,209,213)
```
#c3d3d9
```
#c3d3d9 rgb(195,211,217)
```
#c0d5dc
```
#c0d5dc rgb(192,213,220)
```
#bcd6e0
```
#bcd6e0 rgb(188,214,224)
```
#b8d8e4
```
#b8d8e4 rgb(184,216,228)
```
#b4dae8
```
#b4dae8 rgb(180,218,232)
```
#b0dbec
```
#b0dbec rgb(176,219,236)
```
#adddef
```
#adddef rgb(173,221,239)
```
#a9dff3
```
#a9dff3 rgb(169,223,243)
```
#a5e1f7
```
#a5e1f7 rgb(165,225,247)
```
#a1e2fb
```
#a1e2fb rgb(161,226,251)
```
#9ee4fe
```
#9ee4fe rgb(158,228,254)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cbd2d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d3e1 Protanopia 1% of men
#dfcfe8 Deuteranopia 1% of men
#bcd9e9 Tritanopia 0.001% of the population

Trichromacy

#cad5e2 Protanomaly 1% of men, 0.01% of women
#d0d2e7 Deuteranomaly 6% of men, 0.4% of women
#bad8e7 Tritanomaly 0.01% of the population

#b8d8e4 hex color

#b8d8e4 Color Information

#b8d8e4 Color Conversion

Color Schemes with #b8d8e4

Alternatives to #b8d8e4

#b8d8e4 Preview

Shades and Tints of #b8d8e4

Tones of #b8d8e4

Color Blindness Simulator