#b1dfd6 hex color

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

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

● #b1dfd6 color description : Very soft cyan.

The hexadecimal color #b1dfd6 has RGB values of R:177, G:223, B:214 and CMYK values of C:0.21, M:0, Y:0.04, K:0.13. Its decimal value is 11657174.

Hex triplet	b1dfd6	`#b1dfd6`
RGB Decimal	177, 223, 214	`rgb(177,223,214)`
RGB Percent	69.4, 87.5, 83.9	`rgb(69.4%,87.5%,83.9%)`
CMYK	21, 0, 4, 13
HSL	168.3°, 41.8, 78.4	`hsl(168.3,41.8%,78.4%)`
HSV (or HSB)	168.3°, 20.6, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	85.492, -16.673, -0.504
XYZ	56.654, 66.976, 73.557
xyY	0.287, 0.34, 66.976
CIE-LCH	85.492, 16.681, 181.731
CIE-LUV	85.492, -23.415, 2.074
Hunter-Lab	81.839, -19.649, 3.997
Binary	10110001, 11011111, 11010110

#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#dfb1ba
```
#dfb1ba rgb(223,177,186)
```

Complementary Color

#b1dfbf
```
#b1dfbf rgb(177,223,191)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```

Analogous Color

#dfbfb1
```
#dfbfb1 rgb(223,191,177)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#dfb1d1
```
#dfb1d1 rgb(223,177,209)
```

Split Complementary Color

#dfd6b1
```
#dfd6b1 rgb(223,214,177)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#d6b1df
```
#d6b1df rgb(214,177,223)
```

Triadic Color

#badfb1
```
#badfb1 rgb(186,223,177)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#d6b1df
```
#d6b1df rgb(214,177,223)
```
#dfb1ba
```
#dfb1ba rgb(223,177,186)
```

Tetradic Color

#7bc9b9
```
#7bc9b9 rgb(123,201,185)
```
#8dd0c3
```
#8dd0c3 rgb(141,208,195)
```
#9fd8cc
```
#9fd8cc rgb(159,216,204)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#c3e6e0
```
#c3e6e0 rgb(195,230,224)
```
#d5eee9
```
#d5eee9 rgb(213,238,233)
```
#e7f5f3
```
#e7f5f3 rgb(231,245,243)
```

Monochromatic Color

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

#b1dfcb
```
#b1dfcb rgb(177,223,203)
```
#b1dfce
```
#b1dfce rgb(177,223,206)
```
#b1dfd2
```
#b1dfd2 rgb(177,223,210)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#b1dfda
```
#b1dfda rgb(177,223,218)
```
#b1dfde
```
#b1dfde rgb(177,223,222)
```
#b1dddf
```
#b1dddf rgb(177,221,223)
```

Similar Colors

Text with hexadecimal color #b1dfd6

This text has a font color of #b1dfd6.

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

#b1dfd6 background color

This paragraph has a background color of #b1dfd6.

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

#b1dfd6 border color

This element has a border color of #b1dfd6.

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

CSS codes

.text {color:#b1dfd6;}

.background {background-color:#b1dfd6;}

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

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)
```
#081311
```
#081311 rgb(8,19,17)
```
#0e211d
```
#0e211d rgb(14,33,29)
```
#132f2a
```
#132f2a rgb(19,47,42)
```
#193d36
```
#193d36 rgb(25,61,54)
```
#1f4b42
```
#1f4b42 rgb(31,75,66)
```
#24594f
```
#24594f rgb(36,89,79)
```
#2a675b
```
#2a675b rgb(42,103,91)
```
#307567
```
#307567 rgb(48,117,103)
```
#368374
```
#368374 rgb(54,131,116)
```
#3b9180
```
#3b9180 rgb(59,145,128)
```
#419e8c
```
#419e8c rgb(65,158,140)
```
#47ac98
```
#47ac98 rgb(71,172,152)
```

Shade Color Variation

#50b7a3
```
#50b7a3 rgb(80,183,163)
```
#5ebdaa
```
#5ebdaa rgb(94,189,170)
```
#6bc2b1
```
#6bc2b1 rgb(107,194,177)
```
#79c8b9
```
#79c8b9 rgb(121,200,185)
```
#87cec0
```
#87cec0 rgb(135,206,192)
```
#95d4c7
```
#95d4c7 rgb(149,212,199)
```
#a3d9cf
```
#a3d9cf rgb(163,217,207)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#bfe5dd
```
#bfe5dd rgb(191,229,221)
```
#cdeae5
```
#cdeae5 rgb(205,234,229)
```
#dbf0ec
```
#dbf0ec rgb(219,240,236)
```
#e9f6f3
```
#e9f6f3 rgb(233,246,243)
```
#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 #93fde8 is the most saturated one.

#c6cac9
```
#c6cac9 rgb(198,202,201)
```
#c2cecc
```
#c2cecc rgb(194,206,204)
```
#bed2ce
```
#bed2ce rgb(190,210,206)
```
#b9d7d1
```
#b9d7d1 rgb(185,215,209)
```
#b5dbd3
```
#b5dbd3 rgb(181,219,211)
```
#b1dfd6
```
#b1dfd6 rgb(177,223,214)
```
#ade3d9
```
#ade3d9 rgb(173,227,217)
```
#a9e7db
```
#a9e7db rgb(169,231,219)
```
#a4ecde
```
#a4ecde rgb(164,236,222)
```
#a0f0e0
```
#a0f0e0 rgb(160,240,224)
```
#9cf4e3
```
#9cf4e3 rgb(156,244,227)
```
#98f8e5
```
#98f8e5 rgb(152,248,229)
```
#93fde8
```
#93fde8 rgb(147,253,232)
```

Tone Color Variation

Below, you can see how #b1dfd6 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
#cad3d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd6d2 Protanopia 1% of men
#e9d1dd Deuteranopia 1% of men
#badded Tritanopia 0.001% of the population

Trichromacy

#ccd9d4 Protanomaly 1% of men, 0.01% of women
#d4d6da Deuteranomaly 6% of men, 0.4% of women
#b6dde4 Tritanomaly 0.01% of the population

#b1dfd6 hex color

#b1dfd6 Color Information

#b1dfd6 Color Conversion

Color Schemes with #b1dfd6

Alternatives to #b1dfd6

#b1dfd6 Preview

Shades and Tints of #b1dfd6

Tones of #b1dfd6

Color Blindness Simulator