#b1f8dd hex color

In a RGB color space, hex #b1f8dd is composed of 69.4% red, 97.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 10.9% yellow and 2.7% black. It has a hue angle of 157.2 degrees, a saturation of 83.5% and a lightness of 83.3%. #b1f8dd color hex could be obtained by blending #ffffff with #63f1bb. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 69
- G 97
- B 87
RGB color chart
- C 29
- M 0
- Y 11
- K 3
CMYK color chart

● #b1f8dd color description : Very soft cyan - lime green.

The hexadecimal color #b1f8dd has RGB values of R:177, G:248, B:221 and CMYK values of C:0.29, M:0, Y:0.11, K:0.03. Its decimal value is 11663581.

Hex triplet	b1f8dd	`#b1f8dd`
RGB Decimal	177, 248, 221	`rgb(177,248,221)`
RGB Percent	69.4, 97.3, 86.7	`rgb(69.4%,97.3%,86.7%)`
CMYK	29, 0, 11, 3
HSL	157.2°, 83.5, 83.3	`hsl(157.2,83.5%,83.3%)`
HSV (or HSB)	157.2°, 28.6, 97.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.442, -27.481, 5.928
XYZ	64.746, 81.7, 80.761
xyY	0.285, 0.36, 81.7
CIE-LCH	92.442, 28.113, 167.826
CIE-LUV	92.442, -34.667, 13.771
Hunter-Lab	90.388, -30.316, 10.297
Binary	10110001, 11111000, 11011101

#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#f8b1cc
```
#f8b1cc rgb(248,177,204)
```

Complementary Color

#b1f8ba
```
#b1f8ba rgb(177,248,186)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#b1f0f8
```
#b1f0f8 rgb(177,240,248)
```

Analogous Color

#f8bab1
```
#f8bab1 rgb(248,186,177)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#f8b1f0
```
#f8b1f0 rgb(248,177,240)
```

Split Complementary Color

#f8ddb1
```
#f8ddb1 rgb(248,221,177)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#ddb1f8
```
#ddb1f8 rgb(221,177,248)
```

Triadic Color

#ccf8b1
```
#ccf8b1 rgb(204,248,177)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#ddb1f8
```
#ddb1f8 rgb(221,177,248)
```
#f8b1cc
```
#f8b1cc rgb(248,177,204)
```

Tetradic Color

#6bf2be
```
#6bf2be rgb(107,242,190)
```
#82f4c9
```
#82f4c9 rgb(130,244,201)
```
#9af6d3
```
#9af6d3 rgb(154,246,211)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#c8fae7
```
#c8fae7 rgb(200,250,231)
```
#e0fcf1
```
#e0fcf1 rgb(224,252,241)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Monochromatic Color

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

#b1f8cb
```
#b1f8cb rgb(177,248,203)
```
#b1f8d1
```
#b1f8d1 rgb(177,248,209)
```
#b1f8d7
```
#b1f8d7 rgb(177,248,215)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#b1f8e3
```
#b1f8e3 rgb(177,248,227)
```
#b1f8e9
```
#b1f8e9 rgb(177,248,233)
```
#b1f8ef
```
#b1f8ef rgb(177,248,239)
```

Similar Colors

Text with hexadecimal color #b1f8dd

This text has a font color of #b1f8dd.

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

#b1f8dd background color

This paragraph has a background color of #b1f8dd.

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

#b1f8dd border color

This element has a border color of #b1f8dd.

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

CSS codes

.text {color:#b1f8dd;}

.background {background-color:#b1f8dd;}

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

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, #010c08 is the darkest color, while #f9fefc is the lightest one.

#010c08
```
#010c08 rgb(1,12,8)
```
#031e14
```
#031e14 rgb(3,30,20)
```
#04301f
```
#04301f rgb(4,48,31)
```
#06422b
```
#06422b rgb(6,66,43)
```
#085437
```
#085437 rgb(8,84,55)
```
#096643
```
#096643 rgb(9,102,67)
```
#0b784e
```
#0b784e rgb(11,120,78)
```
#0c8a5a
```
#0c8a5a rgb(12,138,90)
```
#0e9c66
```
#0e9c66 rgb(14,156,102)
```
#10ae72
```
#10ae72 rgb(16,174,114)
```
#11c07e
```
#11c07e rgb(17,192,126)
```
#13d289
```
#13d289 rgb(19,210,137)
```
#14e495
```
#14e495 rgb(20,228,149)
```

Shade Color Variation

#21eb9e
```
#21eb9e rgb(33,235,158)
```
#33eda6
```
#33eda6 rgb(51,237,166)
```
#45eeae
```
#45eeae rgb(69,238,174)
```
#57f0b6
```
#57f0b6 rgb(87,240,182)
```
#69f2be
```
#69f2be rgb(105,242,190)
```
#7bf3c5
```
#7bf3c5 rgb(123,243,197)
```
#8df5cd
```
#8df5cd rgb(141,245,205)
```
#9ff6d5
```
#9ff6d5 rgb(159,246,213)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#c3fae5
```
#c3fae5 rgb(195,250,229)
```
#d5fbed
```
#d5fbed rgb(213,251,237)
```
#e7fdf5
```
#e7fdf5 rgb(231,253,245)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

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

#d2d7d5
```
#d2d7d5 rgb(210,215,213)
```
#cedbd6
```
#cedbd6 rgb(206,219,214)
```
#cbded7
```
#cbded7 rgb(203,222,215)
```
#c8e1d8
```
#c8e1d8 rgb(200,225,216)
```
#c5e4d8
```
#c5e4d8 rgb(197,228,216)
```
#c1e8d9
```
#c1e8d9 rgb(193,232,217)
```
#beebda
```
#beebda rgb(190,235,218)
```
#bbeedb
```
#bbeedb rgb(187,238,219)
```
#b8f1db
```
#b8f1db rgb(184,241,219)
```
#b4f5dc
```
#b4f5dc rgb(180,245,220)
```
#b1f8dd
```
#b1f8dd rgb(177,248,221)
```
#aefbde
```
#aefbde rgb(174,251,222)
```
#aaffdf
```
#aaffdf rgb(170,255,223)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#d7e5df Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e9d7 Protanopia 1% of men
#ffe4e6 Deuteranopia 1% of men
#c9f0ff Tritanopia 0.001% of the population

Trichromacy

#daeed9 Protanomaly 1% of men, 0.01% of women
#e2ebe2 Deuteranomaly 6% of men, 0.4% of women
#c0f3f2 Tritanomaly 0.01% of the population

#b1f8dd hex color

#b1f8dd Color Information

#b1f8dd Color Conversion

Color Schemes with #b1f8dd

Alternatives to #b1f8dd

#b1f8dd Preview

Shades and Tints of #b1f8dd

Tones of #b1f8dd

Color Blindness Simulator