#b8d8e2 hex color

In a RGB color space, hex #b8d8e2 is composed of 72.2% red, 84.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 4.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 194.3 degrees, a saturation of 42% and a lightness of 80.4%. #b8d8e2 color hex could be obtained by blending #ffffff with #71b1c5. Closest websafe color is: #cccccc.

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

● #b8d8e2 color description : Light grayish cyan.

The hexadecimal color #b8d8e2 has RGB values of R:184, G:216, B:226 and CMYK values of C:0.19, M:0.04, Y:0, K:0.11. Its decimal value is 12114146.

Hex triplet	b8d8e2	`#b8d8e2`
RGB Decimal	184, 216, 226	`rgb(184,216,226)`
RGB Percent	72.2, 84.7, 88.6	`rgb(72.2%,84.7%,88.6%)`
CMYK	19, 4, 0, 11
HSL	194.3°, 42, 80.4	`hsl(194.3,42%,80.4%)`
HSV (or HSB)	194.3°, 18.6, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.376, -8.443, -8.451
XYZ	58.047, 64.792, 81.395
xyY	0.284, 0.317, 64.792
CIE-LCH	84.376, 11.946, 225.029
CIE-LUV	84.376, -17.115, -11.696
Hunter-Lab	80.493, -12.139, -3.609
Binary	10111000, 11011000, 11100010

#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#e2c2b8
```
#e2c2b8 rgb(226,194,184)
```

Complementary Color

#b8e2d7
```
#b8e2d7 rgb(184,226,215)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#b8c3e2
```
#b8c3e2 rgb(184,195,226)
```

Analogous Color

#e2d7b8
```
#e2d7b8 rgb(226,215,184)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#e2b8c3
```
#e2b8c3 rgb(226,184,195)
```

Split Complementary Color

#d8e2b8
```
#d8e2b8 rgb(216,226,184)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#e2b8d8
```
#e2b8d8 rgb(226,184,216)
```

Triadic Color

#b8e2c2
```
#b8e2c2 rgb(184,226,194)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#e2b8d8
```
#e2b8d8 rgb(226,184,216)
```
#e2c2b8
```
#e2c2b8 rgb(226,194,184)
```

Tetradic Color

#82bacc
```
#82bacc rgb(130,186,204)
```
#94c4d3
```
#94c4d3 rgb(148,196,211)
```
#a6cedb
```
#a6cedb rgb(166,206,219)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#cae2e9
```
#cae2e9 rgb(202,226,233)
```
#dcecf1
```
#dcecf1 rgb(220,236,241)
```
#eef6f8
```
#eef6f8 rgb(238,246,248)
```

Monochromatic Color

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

#b8e2e2
```
#b8e2e2 rgb(184,226,226)
```
#b8dfe2
```
#b8dfe2 rgb(184,223,226)
```
#b8dce2
```
#b8dce2 rgb(184,220,226)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#b8d5e2
```
#b8d5e2 rgb(184,213,226)
```
#b8d1e2
```
#b8d1e2 rgb(184,209,226)
```
#b8cee2
```
#b8cee2 rgb(184,206,226)
```

Similar Colors

Text with hexadecimal color #b8d8e2

This text has a font color of #b8d8e2.

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

#b8d8e2 background color

This paragraph has a background color of #b8d8e2.

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

#b8d8e2 border color

This element has a border color of #b8d8e2.

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

CSS codes

.text {color:#b8d8e2;}

.background {background-color:#b8d8e2;}

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

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, #050b0d is the darkest color, while #fefefe is the lightest one.

#050b0d
```
#050b0d rgb(5,11,13)
```
#0b171a
```
#0b171a rgb(11,23,26)
```
#112328
```
#112328 rgb(17,35,40)
```
#162f36
```
#162f36 rgb(22,47,54)
```
#1c3b44
```
#1c3b44 rgb(28,59,68)
```
#224752
```
#224752 rgb(34,71,82)
```
#275360
```
#275360 rgb(39,83,96)
```
#2d5f6e
```
#2d5f6e rgb(45,95,110)
```
#336b7c
```
#336b7c rgb(51,107,124)
```
#38768a
```
#38768a rgb(56,118,138)
```
#3e8298
```
#3e8298 rgb(62,130,152)
```
#448ea6
```
#448ea6 rgb(68,142,166)
```
#499ab4
```
#499ab4 rgb(73,154,180)
```

Shade Color Variation

#57a2ba
```
#57a2ba rgb(87,162,186)
```
#64aac0
```
#64aac0 rgb(100,170,192)
```
#72b2c6
```
#72b2c6 rgb(114,178,198)
```
#80b9cb
```
#80b9cb rgb(128,185,203)
```
#8ec1d1
```
#8ec1d1 rgb(142,193,209)
```
#9cc9d7
```
#9cc9d7 rgb(156,201,215)
```
#aad0dc
```
#aad0dc rgb(170,208,220)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#c6e0e8
```
#c6e0e8 rgb(198,224,232)
```
#d4e7ed
```
#d4e7ed rgb(212,231,237)
```
#e2eff3
```
#e2eff3 rgb(226,239,243)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cbcecf
```
#cbcecf rgb(203,206,207)
```
#c7d0d3
```
#c7d0d3 rgb(199,208,211)
```
#c4d2d6
```
#c4d2d6 rgb(196,210,214)
```
#c0d4da
```
#c0d4da rgb(192,212,218)
```
#bcd6de
```
#bcd6de rgb(188,214,222)
```
#b8d8e2
```
#b8d8e2 rgb(184,216,226)
```
#b4dae6
```
#b4dae6 rgb(180,218,230)
```
#b0dcea
```
#b0dcea rgb(176,220,234)
```
#acdeee
```
#acdeee rgb(172,222,238)
```
#a9e0f1
```
#a9e0f1 rgb(169,224,241)
```
#a5e2f5
```
#a5e2f5 rgb(165,226,245)
```
#a1e4f9
```
#a1e4f9 rgb(161,228,249)
```
#9de6fd
```
#9de6fd rgb(157,230,253)
```

Tone Color Variation

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

#d4d3df Protanopia 1% of men
#dfcfe7 Deuteranopia 1% of men
#bcd9e8 Tritanopia 0.001% of the population

Trichromacy

#cad5e0 Protanomaly 1% of men, 0.01% of women
#d1d2e5 Deuteranomaly 6% of men, 0.4% of women
#bbd8e6 Tritanomaly 0.01% of the population

#b8d8e2 hex color

#b8d8e2 Color Information

#b8d8e2 Color Conversion

Color Schemes with #b8d8e2

Alternatives to #b8d8e2

#b8d8e2 Preview

Shades and Tints of #b8d8e2

Tones of #b8d8e2

Color Blindness Simulator