#b2dced hex color

In a RGB color space, hex #b2dced is composed of 69.8% red, 86.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 7.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 197.3 degrees, a saturation of 62.1% and a lightness of 81.4%. #b2dced color hex could be obtained by blending #ffffff with #65b9db. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 86
- B 93
RGB color chart
- C 25
- M 7
- Y 0
- K 7
CMYK color chart

● #b2dced color description : Very soft blue.

The hexadecimal color #b2dced has RGB values of R:178, G:220, B:237 and CMYK values of C:0.25, M:0.07, Y:0, K:0.07. Its decimal value is 11721965.

Hex triplet	b2dced	`#b2dced`
RGB Decimal	178, 220, 237	`rgb(178,220,237)`
RGB Percent	69.8, 86.3, 92.9	`rgb(69.8%,86.3%,92.9%)`
CMYK	25, 7, 0, 7
HSL	197.3°, 62.1, 81.4	`hsl(197.3,62.1%,81.4%)`
HSV (or HSB)	197.3°, 24.9, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.385, -9.913, -12.814
XYZ	59.236, 66.764, 89.882
xyY	0.274, 0.309, 66.764
CIE-LCH	85.385, 16.201, 232.272
CIE-LUV	85.385, -21.903, -18.499
Hunter-Lab	81.709, -13.586, -8.024
Binary	10110010, 11011100, 11101101

#b2dced
```
#b2dced rgb(178,220,237)
```
#edc3b2
```
#edc3b2 rgb(237,195,178)
```

Complementary Color

#b2ede1
```
#b2ede1 rgb(178,237,225)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#b2bfed
```
#b2bfed rgb(178,191,237)
```

Analogous Color

#ede1b2
```
#ede1b2 rgb(237,225,178)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#edb2bf
```
#edb2bf rgb(237,178,191)
```

Split Complementary Color

#dcedb2
```
#dcedb2 rgb(220,237,178)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#edb2dc
```
#edb2dc rgb(237,178,220)
```

Triadic Color

#b2edc3
```
#b2edc3 rgb(178,237,195)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#edb2dc
```
#edb2dc rgb(237,178,220)
```
#edc3b2
```
#edc3b2 rgb(237,195,178)
```

Tetradic Color

#74c0df
```
#74c0df rgb(116,192,223)
```
#89c9e3
```
#89c9e3 rgb(137,201,227)
```
#9dd3e8
```
#9dd3e8 rgb(157,211,232)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#c7e5f2
```
#c7e5f2 rgb(199,229,242)
```
#dbeff7
```
#dbeff7 rgb(219,239,247)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Monochromatic Color

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

#b2ebed
```
#b2ebed rgb(178,235,237)
```
#b2e6ed
```
#b2e6ed rgb(178,230,237)
```
#b2e1ed
```
#b2e1ed rgb(178,225,237)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#b2d7ed
```
#b2d7ed rgb(178,215,237)
```
#b2d2ed
```
#b2d2ed rgb(178,210,237)
```
#b2cded
```
#b2cded rgb(178,205,237)
```

Similar Colors

Text with hexadecimal color #b2dced

This text has a font color of #b2dced.

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

#b2dced background color

This paragraph has a background color of #b2dced.

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

#b2dced border color

This element has a border color of #b2dced.

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

CSS codes

.text {color:#b2dced;}

.background {background-color:#b2dced;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040e12
```
#040e12 rgb(4,14,18)
```
#081b22
```
#081b22 rgb(8,27,34)
```
#0c2732
```
#0c2732 rgb(12,39,50)
```
#0f3342
```
#0f3342 rgb(15,51,66)
```
#134052
```
#134052 rgb(19,64,82)
```
#174c62
```
#174c62 rgb(23,76,98)
```
#1b5972
```
#1b5972 rgb(27,89,114)
```
#1e6582
```
#1e6582 rgb(30,101,130)
```
#227192
```
#227192 rgb(34,113,146)
```
#267ea1
```
#267ea1 rgb(38,126,161)
```
#298ab1
```
#298ab1 rgb(41,138,177)
```
#2d97c1
```
#2d97c1 rgb(45,151,193)
```

Shade Color Variation

#33a2cf
```
#33a2cf rgb(51,162,207)
```
#43a9d3
```
#43a9d3 rgb(67,169,211)
```
#53b1d7
```
#53b1d7 rgb(83,177,215)
```
#63b8da
```
#63b8da rgb(99,184,218)
```
#72bfde
```
#72bfde rgb(114,191,222)
```
#82c6e2
```
#82c6e2 rgb(130,198,226)
```
#92cee6
```
#92cee6 rgb(146,206,230)
```
#a2d5e9
```
#a2d5e9 rgb(162,213,233)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#c2e3f1
```
#c2e3f1 rgb(194,227,241)
```
#d2eaf4
```
#d2eaf4 rgb(210,234,244)
```
#e2f2f8
```
#e2f2f8 rgb(226,242,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#cfd0d0
```
#cfd0d0 rgb(207,208,208)
```
#ccd1d3
```
#ccd1d3 rgb(204,209,211)
```
#c8d3d7
```
#c8d3d7 rgb(200,211,215)
```
#c4d4db
```
#c4d4db rgb(196,212,219)
```
#c1d6de
```
#c1d6de rgb(193,214,222)
```
#bdd7e2
```
#bdd7e2 rgb(189,215,226)
```
#b9d9e6
```
#b9d9e6 rgb(185,217,230)
```
#b6dae9
```
#b6dae9 rgb(182,218,233)
```
#b2dced
```
#b2dced rgb(178,220,237)
```
#aedef1
```
#aedef1 rgb(174,222,241)
```
#abdff4
```
#abdff4 rgb(171,223,244)
```
#a7e1f8
```
#a7e1f8 rgb(167,225,248)
```
#a3e2fc
```
#a3e2fc rgb(163,226,252)
```

Tone Color Variation

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

Dichromacy

#d5d6e9 Protanopia 1% of men
#ded2f1 Deuteranopia 1% of men
#b5dded Tritanopia 0.001% of the population

Trichromacy

#c8d8ea Protanomaly 1% of men, 0.01% of women
#ced5f0 Deuteranomaly 6% of men, 0.4% of women
#b4dded Tritanomaly 0.01% of the population

#b2dced hex color

#b2dced Color Information

#b2dced Color Conversion

Color Schemes with #b2dced

Alternatives to #b2dced

#b2dced Preview

Shades and Tints of #b2dced

Tones of #b2dced

Color Blindness Simulator