#b2dbeb hex color

In a RGB color space, hex #b2dbeb is composed of 69.8% red, 85.9% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 6.8% magenta, 0% yellow and 7.8% black. It has a hue angle of 196.8 degrees, a saturation of 58.8% and a lightness of 81%. #b2dbeb color hex could be obtained by blending #ffffff with #65b7d7. Closest websafe color is: #99ccff.

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

● #b2dbeb color description : Very soft blue.

The hexadecimal color #b2dbeb has RGB values of R:178, G:219, B:235 and CMYK values of C:0.24, M:0.07, Y:0, K:0.08. Its decimal value is 11721707.

Hex triplet	b2dbeb	`#b2dbeb`
RGB Decimal	178, 219, 235	`rgb(178,219,235)`
RGB Percent	69.8, 85.9, 92.2	`rgb(69.8%,85.9%,92.2%)`
CMYK	24, 7, 0, 8
HSL	196.8°, 58.8, 81	`hsl(196.8,58.8%,81%)`
HSV (or HSB)	196.8°, 24.3, 92.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.06, -9.845, -12.241
XYZ	58.684, 66.124, 88.264
xyY	0.275, 0.31, 66.124
CIE-LCH	85.06, 15.709, 231.192
CIE-LUV	85.06, -21.431, -17.572
Hunter-Lab	81.317, -13.488, -7.433
Binary	10110010, 11011011, 11101011

#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#ebc2b2
```
#ebc2b2 rgb(235,194,178)
```

Complementary Color

#b2ebdf
```
#b2ebdf rgb(178,235,223)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#b2bfeb
```
#b2bfeb rgb(178,191,235)
```

Analogous Color

#ebdfb2
```
#ebdfb2 rgb(235,223,178)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#ebb2bf
```
#ebb2bf rgb(235,178,191)
```

Split Complementary Color

#dbebb2
```
#dbebb2 rgb(219,235,178)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#ebb2db
```
#ebb2db rgb(235,178,219)
```

Triadic Color

#b2ebc2
```
#b2ebc2 rgb(178,235,194)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#ebb2db
```
#ebb2db rgb(235,178,219)
```
#ebc2b2
```
#ebc2b2 rgb(235,194,178)
```

Tetradic Color

#75bfdb
```
#75bfdb rgb(117,191,219)
```
#8ac8e0
```
#8ac8e0 rgb(138,200,224)
```
#9ed2e6
```
#9ed2e6 rgb(158,210,230)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#c6e4f0
```
#c6e4f0 rgb(198,228,240)
```
#daeef6
```
#daeef6 rgb(218,238,246)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```

Monochromatic Color

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

#b2e9eb
```
#b2e9eb rgb(178,233,235)
```
#b2e5eb
```
#b2e5eb rgb(178,229,235)
```
#b2e0eb
```
#b2e0eb rgb(178,224,235)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#b2d6eb
```
#b2d6eb rgb(178,214,235)
```
#b2d2eb
```
#b2d2eb rgb(178,210,235)
```
#b2cdeb
```
#b2cdeb rgb(178,205,235)
```

Similar Colors

Text with hexadecimal color #b2dbeb

This text has a font color of #b2dbeb.

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

#b2dbeb background color

This paragraph has a background color of #b2dbeb.

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

#b2dbeb border color

This element has a border color of #b2dbeb.

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

CSS codes

.text {color:#b2dbeb;}

.background {background-color:#b2dbeb;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d10
```
#040d10 rgb(4,13,16)
```
#081920
```
#081920 rgb(8,25,32)
```
#0c2630
```
#0c2630 rgb(12,38,48)
```
#10323f
```
#10323f rgb(16,50,63)
```
#143e4f
```
#143e4f rgb(20,62,79)
```
#184b5e
```
#184b5e rgb(24,75,94)
```
#1d576e
```
#1d576e rgb(29,87,110)
```
#21637d
```
#21637d rgb(33,99,125)
```
#25708d
```
#25708d rgb(37,112,141)
```
#297c9d
```
#297c9d rgb(41,124,157)
```
#2d88ac
```
#2d88ac rgb(45,136,172)
```
#3195bc
```
#3195bc rgb(49,149,188)
```

Shade Color Variation

#35a1cb
```
#35a1cb rgb(53,161,203)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#55afd3
```
#55afd3 rgb(85,175,211)
```
#64b7d7
```
#64b7d7 rgb(100,183,215)
```
#74bedb
```
#74bedb rgb(116,190,219)
```
#83c5df
```
#83c5df rgb(131,197,223)
```
#93cce3
```
#93cce3 rgb(147,204,227)
```
#a2d4e7
```
#a2d4e7 rgb(162,212,231)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#c2e2ef
```
#c2e2ef rgb(194,226,239)
```
#d1eaf3
```
#d1eaf3 rgb(209,234,243)
```
#e1f1f7
```
#e1f1f7 rgb(225,241,247)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

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

#ccd0d1
```
#ccd0d1 rgb(204,208,209)
```
#c8d1d5
```
#c8d1d5 rgb(200,209,213)
```
#c5d3d8
```
#c5d3d8 rgb(197,211,216)
```
#c1d4dc
```
#c1d4dc rgb(193,212,220)
```
#bdd6e0
```
#bdd6e0 rgb(189,214,224)
```
#b9d8e4
```
#b9d8e4 rgb(185,216,228)
```
#b6d9e7
```
#b6d9e7 rgb(182,217,231)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#aeddef
```
#aeddef rgb(174,221,239)
```
#abdef2
```
#abdef2 rgb(171,222,242)
```
#a7e0f6
```
#a7e0f6 rgb(167,224,246)
```
#a3e2fa
```
#a3e2fa rgb(163,226,250)
```
#9fe3fe
```
#9fe3fe rgb(159,227,254)
```

Tone Color Variation

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

Dichromacy

#d4d5e7 Protanopia 1% of men
#ded1ef Deuteranopia 1% of men
#b6dcec Tritanopia 0.001% of the population

Trichromacy

#c8d7e8 Protanomaly 1% of men, 0.01% of women
#ced4ee Deuteranomaly 6% of men, 0.4% of women
#b4dcec Tritanomaly 0.01% of the population

#b2dbeb hex color

#b2dbeb Color Information

#b2dbeb Color Conversion

Color Schemes with #b2dbeb

Alternatives to #b2dbeb

#b2dbeb Preview

Shades and Tints of #b2dbeb

Tones of #b2dbeb

Color Blindness Simulator