#b1e8dc hex color

In a RGB color space, hex #b1e8dc is composed of 69.4% red, 91% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 0% magenta, 5.2% yellow and 9% black. It has a hue angle of 166.9 degrees, a saturation of 54.5% and a lightness of 80.2%. #b1e8dc color hex could be obtained by blending #ffffff with #63d1b9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 69
- G 91
- B 86
RGB color chart
- C 24
- M 0
- Y 5
- K 9
CMYK color chart

● #b1e8dc color description : Very soft cyan.

The hexadecimal color #b1e8dc has RGB values of R:177, G:232, B:220 and CMYK values of C:0.24, M:0, Y:0.05, K:0.09. Its decimal value is 11659484.

Hex triplet	b1e8dc	`#b1e8dc`
RGB Decimal	177, 232, 220	`rgb(177,232,220)`
RGB Percent	69.4, 91, 86.3	`rgb(69.4%,91%,86.3%)`
CMYK	24, 0, 5, 9
HSL	166.9°, 54.5, 80.2	`hsl(166.9,54.5%,80.2%)`
HSV (or HSB)	166.9°, 23.7, 91
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	88.077, -19.921, 0.115
XYZ	59.903, 72.226, 78.491
xyY	0.284, 0.343, 72.226
CIE-LCH	88.077, 19.922, 179.67
CIE-LUV	88.077, -27.539, 3.577
Hunter-Lab	84.986, -22.907, 4.731
Binary	10110001, 11101000, 11011100

#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#e8b1bd
```
#e8b1bd rgb(232,177,189)
```

Complementary Color

#b1e8c1
```
#b1e8c1 rgb(177,232,193)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#b1d9e8
```
#b1d9e8 rgb(177,217,232)
```

Analogous Color

#e8c1b1
```
#e8c1b1 rgb(232,193,177)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#e8b1d9
```
#e8b1d9 rgb(232,177,217)
```

Split Complementary Color

#e8dcb1
```
#e8dcb1 rgb(232,220,177)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#dcb1e8
```
#dcb1e8 rgb(220,177,232)
```

Triadic Color

#bde8b1
```
#bde8b1 rgb(189,232,177)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#dcb1e8
```
#dcb1e8 rgb(220,177,232)
```
#e8b1bd
```
#e8b1bd rgb(232,177,189)
```

Tetradic Color

#76d7c1
```
#76d7c1 rgb(118,215,193)
```
#8adcca
```
#8adcca rgb(138,220,202)
```
#9de2d3
```
#9de2d3 rgb(157,226,211)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#c5eee5
```
#c5eee5 rgb(197,238,229)
```
#d8f4ee
```
#d8f4ee rgb(216,244,238)
```
#ecf9f7
```
#ecf9f7 rgb(236,249,247)
```

Monochromatic Color

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

#b1e8ce
```
#b1e8ce rgb(177,232,206)
```
#b1e8d3
```
#b1e8d3 rgb(177,232,211)
```
#b1e8d7
```
#b1e8d7 rgb(177,232,215)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#b1e8e1
```
#b1e8e1 rgb(177,232,225)
```
#b1e8e5
```
#b1e8e5 rgb(177,232,229)
```
#b1e6e8
```
#b1e6e8 rgb(177,230,232)
```

Similar Colors

Text with hexadecimal color #b1e8dc

This text has a font color of #b1e8dc.

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

#b1e8dc background color

This paragraph has a background color of #b1e8dc.

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

#b1e8dc border color

This element has a border color of #b1e8dc.

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

CSS codes

.text {color:#b1e8dc;}

.background {background-color:#b1e8dc;}

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

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

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c18
```
#081c18 rgb(8,28,24)
```
#0d2b25
```
#0d2b25 rgb(13,43,37)
```
#113a31
```
#113a31 rgb(17,58,49)
```
#16493e
```
#16493e rgb(22,73,62)
```
#1a594b
```
#1a594b rgb(26,89,75)
```
#1f6858
```
#1f6858 rgb(31,104,88)
```
#237765
```
#237765 rgb(35,119,101)
```
#288671
```
#288671 rgb(40,134,113)
```
#2c957e
```
#2c957e rgb(44,149,126)
```
#30a48b
```
#30a48b rgb(48,164,139)
```
#35b498
```
#35b498 rgb(53,180,152)
```
#39c3a5
```
#39c3a5 rgb(57,195,165)
```

Shade Color Variation

#47c9ac
```
#47c9ac rgb(71,201,172)
```
#56cdb3
```
#56cdb3 rgb(86,205,179)
```
#65d2ba
```
#65d2ba rgb(101,210,186)
```
#74d6c1
```
#74d6c1 rgb(116,214,193)
```
#84dbc8
```
#84dbc8 rgb(132,219,200)
```
#93dfce
```
#93dfce rgb(147,223,206)
```
#a2e4d5
```
#a2e4d5 rgb(162,228,213)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#c0ece3
```
#c0ece3 rgb(192,236,227)
```
#cff1ea
```
#cff1ea rgb(207,241,234)
```
#def5f0
```
#def5f0 rgb(222,245,240)
```
#eefaf7
```
#eefaf7 rgb(238,250,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#cccdcd
```
#cccdcd rgb(204,205,205)
```
#c8d1cf
```
#c8d1cf rgb(200,209,207)
```
#c4d5d1
```
#c4d5d1 rgb(196,213,209)
```
#c1d8d3
```
#c1d8d3 rgb(193,216,211)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#b9e0d8
```
#b9e0d8 rgb(185,224,216)
```
#b5e4da
```
#b5e4da rgb(181,228,218)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#adecde
```
#adecde rgb(173,236,222)
```
#a9f0e0
```
#a9f0e0 rgb(169,240,224)
```
#a5f4e3
```
#a5f4e3 rgb(165,244,227)
```
#a1f8e5
```
#a1f8e5 rgb(161,248,229)
```
#9efbe7
```
#9efbe7 rgb(158,251,231)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cfdad7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4ddd7 Protanopia 1% of men
#f0d8e3 Deuteranopia 1% of men
#bbe5f5 Tritanopia 0.001% of the population

Trichromacy

#d1e1d9 Protanomaly 1% of men, 0.01% of women
#d9dee0 Deuteranomaly 6% of men, 0.4% of women
#b7e6ec Tritanomaly 0.01% of the population

#b1e8dc hex color

#b1e8dc Color Information

#b1e8dc Color Conversion

Color Schemes with #b1e8dc

Alternatives to #b1e8dc

#b1e8dc Preview

Shades and Tints of #b1e8dc

Tones of #b1e8dc

Color Blindness Simulator