#b8e1dc hex color

In a RGB color space, hex #b8e1dc is composed of 72.2% red, 88.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 2.2% yellow and 11.8% black. It has a hue angle of 172.7 degrees, a saturation of 40.6% and a lightness of 80.2%. #b8e1dc color hex could be obtained by blending #ffffff with #71c3b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 88
- B 86
RGB color chart
- C 18
- M 0
- Y 2
- K 12
CMYK color chart

● #b8e1dc color description : Light grayish cyan.

The hexadecimal color #b8e1dc has RGB values of R:184, G:225, B:220 and CMYK values of C:0.18, M:0, Y:0.02, K:0.12. Its decimal value is 12116444.

Hex triplet	b8e1dc	`#b8e1dc`
RGB Decimal	184, 225, 220	`rgb(184,225,220)`
RGB Percent	72.2, 88.2, 86.3	`rgb(72.2%,88.2%,86.3%)`
CMYK	18, 0, 2, 12
HSL	172.7°, 40.6, 80.2	`hsl(172.7,40.6%,80.2%)`
HSV (or HSB)	172.7°, 18.2, 88.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.606, -14.287, -1.988
XYZ	59.608, 69.207, 77.924
xyY	0.288, 0.335, 69.207
CIE-LCH	86.606, 14.425, 187.923
CIE-LUV	86.606, -21.13, -0.609
Hunter-Lab	83.19, -17.685, 2.697
Binary	10111000, 11100001, 11011100

#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#e1b8bd
```
#e1b8bd rgb(225,184,189)
```

Complementary Color

#b8e1c8
```
#b8e1c8 rgb(184,225,200)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#b8d2e1
```
#b8d2e1 rgb(184,210,225)
```

Analogous Color

#e1c8b8
```
#e1c8b8 rgb(225,200,184)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#e1b8d2
```
#e1b8d2 rgb(225,184,210)
```

Split Complementary Color

#e1dcb8
```
#e1dcb8 rgb(225,220,184)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#dcb8e1
```
#dcb8e1 rgb(220,184,225)
```

Triadic Color

#bde1b8
```
#bde1b8 rgb(189,225,184)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#dcb8e1
```
#dcb8e1 rgb(220,184,225)
```
#e1b8bd
```
#e1b8bd rgb(225,184,189)
```

Tetradic Color

#82cac1
```
#82cac1 rgb(130,202,193)
```
#94d2ca
```
#94d2ca rgb(148,210,202)
```
#a6d9d3
```
#a6d9d3 rgb(166,217,211)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#cae9e5
```
#cae9e5 rgb(202,233,229)
```
#dcf0ee
```
#dcf0ee rgb(220,240,238)
```
#eef8f7
```
#eef8f7 rgb(238,248,247)
```

Monochromatic Color

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

#b8e1d2
```
#b8e1d2 rgb(184,225,210)
```
#b8e1d5
```
#b8e1d5 rgb(184,225,213)
```
#b8e1d9
```
#b8e1d9 rgb(184,225,217)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#b8e1df
```
#b8e1df rgb(184,225,223)
```
#b8dfe1
```
#b8dfe1 rgb(184,223,225)
```
#b8dce1
```
#b8dce1 rgb(184,220,225)
```

Similar Colors

Text with hexadecimal color #b8e1dc

This text has a font color of #b8e1dc.

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

#b8e1dc background color

This paragraph has a background color of #b8e1dc.

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

#b8e1dc border color

This element has a border color of #b8e1dc.

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

CSS codes

.text {color:#b8e1dc;}

.background {background-color:#b8e1dc;}

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1a18
```
#0b1a18 rgb(11,26,24)
```
#112725
```
#112725 rgb(17,39,37)
```
#163531
```
#163531 rgb(22,53,49)
```
#1c433e
```
#1c433e rgb(28,67,62)
```
#22514b
```
#22514b rgb(34,81,75)
```
#285e58
```
#285e58 rgb(40,94,88)
```
#2e6c65
```
#2e6c65 rgb(46,108,101)
```
#347a71
```
#347a71 rgb(52,122,113)
```
#39887e
```
#39887e rgb(57,136,126)
```
#3f968b
```
#3f968b rgb(63,150,139)
```
#45a398
```
#45a398 rgb(69,163,152)
```
#4bb1a5
```
#4bb1a5 rgb(75,177,165)
```

Shade Color Variation

#57b8ac
```
#57b8ac rgb(87,184,172)
```
#65beb3
```
#65beb3 rgb(101,190,179)
```
#73c4ba
```
#73c4ba rgb(115,196,186)
```
#81cac1
```
#81cac1 rgb(129,202,193)
```
#8fd0c8
```
#8fd0c8 rgb(143,208,200)
```
#9cd5ce
```
#9cd5ce rgb(156,213,206)
```
#aadbd5
```
#aadbd5 rgb(170,219,213)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#c6e7e3
```
#c6e7e3 rgb(198,231,227)
```
#d4edea
```
#d4edea rgb(212,237,234)
```
#e1f2f0
```
#e1f2f0 rgb(225,242,240)
```
#eff8f7
```
#eff8f7 rgb(239,248,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#cbcecd
```
#cbcecd rgb(203,206,205)
```
#c8d1d0
```
#c8d1d0 rgb(200,209,208)
```
#c4d5d3
```
#c4d5d3 rgb(196,213,211)
```
#c0d9d6
```
#c0d9d6 rgb(192,217,214)
```
#bcddd9
```
#bcddd9 rgb(188,221,217)
```
#b8e1dc
```
#b8e1dc rgb(184,225,220)
```
#b4e5df
```
#b4e5df rgb(180,229,223)
```
#b0e9e2
```
#b0e9e2 rgb(176,233,226)
```
#acede5
```
#acede5 rgb(172,237,229)
```
#a8f1e8
```
#a8f1e8 rgb(168,241,232)
```
#a5f4eb
```
#a5f4eb rgb(165,244,235)
```
#a1f8ee
```
#a1f8ee rgb(161,248,238)
```
#9dfcf1
```
#9dfcf1 rgb(157,252,241)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#ced7d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded9d9 Protanopia 1% of men
#ebd4e2 Deuteranopia 1% of men
#bfdfef Tritanopia 0.001% of the population

Trichromacy

#d0dcda Protanomaly 1% of men, 0.01% of women
#d8d9e0 Deuteranomaly 6% of men, 0.4% of women
#bde0e8 Tritanomaly 0.01% of the population

#b8e1dc hex color

#b8e1dc Color Information

#b8e1dc Color Conversion

Color Schemes with #b8e1dc

Alternatives to #b8e1dc

#b8e1dc Preview

Shades and Tints of #b8e1dc

Tones of #b8e1dc

Color Blindness Simulator