#b1dfd9 hex color

In a RGB color space, hex #b1dfd9 is composed of 69.4% red, 87.5% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 0% magenta, 2.7% yellow and 12.5% black. It has a hue angle of 172.2 degrees, a saturation of 41.8% and a lightness of 78.4%. #b1dfd9 color hex could be obtained by blending #ffffff with #63bfb3. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 87
- B 85
RGB color chart
- C 21
- M 0
- Y 3
- K 13
CMYK color chart

● #b1dfd9 color description : Very soft cyan.

The hexadecimal color #b1dfd9 has RGB values of R:177, G:223, B:217 and CMYK values of C:0.21, M:0, Y:0.03, K:0.13. Its decimal value is 11657177.

Hex triplet	b1dfd9	`#b1dfd9`
RGB Decimal	177, 223, 217	`rgb(177,223,217)`
RGB Percent	69.4, 87.5, 85.1	`rgb(69.4%,87.5%,85.1%)`
CMYK	21, 0, 3, 13
HSL	172.2°, 41.8, 78.4	`hsl(172.2,41.8%,78.4%)`
HSV (or HSB)	172.2°, 20.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	85.57, -16.054, -1.974
XYZ	57.041, 67.131, 75.594
xyY	0.286, 0.336, 67.131
CIE-LCH	85.57, 16.175, 187.011
CIE-LUV	85.57, -23.446, -0.297
Hunter-Lab	81.933, -19.115, 2.651
Binary	10110001, 11011111, 11011001

#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#dfb1b7
```
#dfb1b7 rgb(223,177,183)
```

Complementary Color

#b1dfc2
```
#b1dfc2 rgb(177,223,194)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#b1cedf
```
#b1cedf rgb(177,206,223)
```

Analogous Color

#dfc2b1
```
#dfc2b1 rgb(223,194,177)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#dfb1ce
```
#dfb1ce rgb(223,177,206)
```

Split Complementary Color

#dfd9b1
```
#dfd9b1 rgb(223,217,177)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#d9b1df
```
#d9b1df rgb(217,177,223)
```

Triadic Color

#b7dfb1
```
#b7dfb1 rgb(183,223,177)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#d9b1df
```
#d9b1df rgb(217,177,223)
```
#dfb1b7
```
#dfb1b7 rgb(223,177,183)
```

Tetradic Color

#7bc9bf
```
#7bc9bf rgb(123,201,191)
```
#8dd0c7
```
#8dd0c7 rgb(141,208,199)
```
#9fd8d0
```
#9fd8d0 rgb(159,216,208)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#c3e6e2
```
#c3e6e2 rgb(195,230,226)
```
#d5eeeb
```
#d5eeeb rgb(213,238,235)
```
#e7f5f3
```
#e7f5f3 rgb(231,245,243)
```

Monochromatic Color

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

#b1dfce
```
#b1dfce rgb(177,223,206)
```
#b1dfd1
```
#b1dfd1 rgb(177,223,209)
```
#b1dfd5
```
#b1dfd5 rgb(177,223,213)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#b1dfdd
```
#b1dfdd rgb(177,223,221)
```
#b1dddf
```
#b1dddf rgb(177,221,223)
```
#b1dadf
```
#b1dadf rgb(177,218,223)
```

Similar Colors

Text with hexadecimal color #b1dfd9

This text has a font color of #b1dfd9.

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

#b1dfd9 background color

This paragraph has a background color of #b1dfd9.

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

#b1dfd9 border color

This element has a border color of #b1dfd9.

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

CSS codes

.text {color:#b1dfd9;}

.background {background-color:#b1dfd9;}

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

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

#020505
```
#020505 rgb(2,5,5)
```
#081312
```
#081312 rgb(8,19,18)
```
#0e211f
```
#0e211f rgb(14,33,31)
```
#132f2c
```
#132f2c rgb(19,47,44)
```
#193d38
```
#193d38 rgb(25,61,56)
```
#1f4b45
```
#1f4b45 rgb(31,75,69)
```
#245952
```
#245952 rgb(36,89,82)
```
#2a675f
```
#2a675f rgb(42,103,95)
```
#30756c
```
#30756c rgb(48,117,108)
```
#368379
```
#368379 rgb(54,131,121)
```
#3b9185
```
#3b9185 rgb(59,145,133)
```
#419e92
```
#419e92 rgb(65,158,146)
```
#47ac9f
```
#47ac9f rgb(71,172,159)
```

Shade Color Variation

#50b7aa
```
#50b7aa rgb(80,183,170)
```
#5ebdb0
```
#5ebdb0 rgb(94,189,176)
```
#6bc2b7
```
#6bc2b7 rgb(107,194,183)
```
#79c8be
```
#79c8be rgb(121,200,190)
```
#87cec5
```
#87cec5 rgb(135,206,197)
```
#95d4cb
```
#95d4cb rgb(149,212,203)
```
#a3d9d2
```
#a3d9d2 rgb(163,217,210)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#bfe5e0
```
#bfe5e0 rgb(191,229,224)
```
#cdeae7
```
#cdeae7 rgb(205,234,231)
```
#dbf0ed
```
#dbf0ed rgb(219,240,237)
```
#e9f6f4
```
#e9f6f4 rgb(233,246,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#c6cac9
```
#c6cac9 rgb(198,202,201)
```
#c2cecc
```
#c2cecc rgb(194,206,204)
```
#bed2d0
```
#bed2d0 rgb(190,210,208)
```
#b9d7d3
```
#b9d7d3 rgb(185,215,211)
```
#b5dbd6
```
#b5dbd6 rgb(181,219,214)
```
#b1dfd9
```
#b1dfd9 rgb(177,223,217)
```
#ade3dc
```
#ade3dc rgb(173,227,220)
```
#a9e7df
```
#a9e7df rgb(169,231,223)
```
#a4ece2
```
#a4ece2 rgb(164,236,226)
```
#a0f0e6
```
#a0f0e6 rgb(160,240,230)
```
#9cf4e9
```
#9cf4e9 rgb(156,244,233)
```
#98f8ec
```
#98f8ec rgb(152,248,236)
```
#93fdef
```
#93fdef rgb(147,253,239)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cbd4d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd6d5 Protanopia 1% of men
#e8d1df Deuteranopia 1% of men
#b9dded Tritanopia 0.001% of the population

Trichromacy

#ccd9d7 Protanomaly 1% of men, 0.01% of women
#d4d6dd Deuteranomaly 6% of men, 0.4% of women
#b6dee6 Tritanomaly 0.01% of the population

#b1dfd9 hex color

#b1dfd9 Color Information

#b1dfd9 Color Conversion

Color Schemes with #b1dfd9

Alternatives to #b1dfd9

#b1dfd9 Preview

Shades and Tints of #b1dfd9

Tones of #b1dfd9

Color Blindness Simulator