#b2d1ee hex color

In a RGB color space, hex #b2d1ee is composed of 69.8% red, 82% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 12.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 209 degrees, a saturation of 63.8% and a lightness of 81.6%. #b2d1ee color hex could be obtained by blending #ffffff with #65a3dd. Closest websafe color is: #99ccff.

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

● #b2d1ee color description : Very soft blue.

The hexadecimal color #b2d1ee has RGB values of R:178, G:209, B:238 and CMYK values of C:0.25, M:0.12, Y:0, K:0.07. Its decimal value is 11719150.

Hex triplet	b2d1ee	`#b2d1ee`
RGB Decimal	178, 209, 238	`rgb(178,209,238)`
RGB Percent	69.8, 82, 93.3	`rgb(69.8%,82%,93.3%)`
CMYK	25, 12, 0, 7
HSL	209°, 63.8, 81.6	`hsl(209,63.8%,81.6%)`
HSV (or HSB)	209°, 25.2, 93.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.506, -3.963, -17.666
XYZ	56.59, 61.238, 89.723
xyY	0.273, 0.295, 61.238
CIE-LCH	82.506, 18.105, 257.356
CIE-LUV	82.506, -17.082, -27.258
Hunter-Lab	78.254, -7.863, -13.201
Binary	10110010, 11010001, 11101110

#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#eecfb2
```
#eecfb2 rgb(238,207,178)
```

Complementary Color

#b2eeed
```
#b2eeed rgb(178,238,237)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#b2b3ee
```
#b2b3ee rgb(178,179,238)
```

Analogous Color

#eeedb2
```
#eeedb2 rgb(238,237,178)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#eeb2b3
```
#eeb2b3 rgb(238,178,179)
```

Split Complementary Color

#d1eeb2
```
#d1eeb2 rgb(209,238,178)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#eeb2d1
```
#eeb2d1 rgb(238,178,209)
```

Triadic Color

#b2eecf
```
#b2eecf rgb(178,238,207)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#eeb2d1
```
#eeb2d1 rgb(238,178,209)
```
#eecfb2
```
#eecfb2 rgb(238,207,178)
```

Tetradic Color

#73ace0
```
#73ace0 rgb(115,172,224)
```
#88b8e5
```
#88b8e5 rgb(136,184,229)
```
#9dc5e9
```
#9dc5e9 rgb(157,197,233)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#c7ddf3
```
#c7ddf3 rgb(199,221,243)
```
#dceaf7
```
#dceaf7 rgb(220,234,247)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Monochromatic Color

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

#b2e0ee
```
#b2e0ee rgb(178,224,238)
```
#b2dbee
```
#b2dbee rgb(178,219,238)
```
#b2d6ee
```
#b2d6ee rgb(178,214,238)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#b2ccee
```
#b2ccee rgb(178,204,238)
```
#b2c7ee
```
#b2c7ee rgb(178,199,238)
```
#b2c2ee
```
#b2c2ee rgb(178,194,238)
```

Similar Colors

Text with hexadecimal color #b2d1ee

This text has a font color of #b2d1ee.

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

#b2d1ee background color

This paragraph has a background color of #b2d1ee.

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

#b2d1ee border color

This element has a border color of #b2d1ee.

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

CSS codes

.text {color:#b2d1ee;}

.background {background-color:#b2d1ee;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040c13
```
#040c13 rgb(4,12,19)
```
#081623
```
#081623 rgb(8,22,35)
```
#0b2034
```
#0b2034 rgb(11,32,52)
```
#0f2a44
```
#0f2a44 rgb(15,42,68)
```
#123454
```
#123454 rgb(18,52,84)
```
#163e64
```
#163e64 rgb(22,62,100)
```
#1a4874
```
#1a4874 rgb(26,72,116)
```
#1d5284
```
#1d5284 rgb(29,82,132)
```
#215c94
```
#215c94 rgb(33,92,148)
```
#2466a4
```
#2466a4 rgb(36,102,164)
```
#2870b4
```
#2870b4 rgb(40,112,180)
```
#2b7ac4
```
#2b7ac4 rgb(43,122,196)
```

Shade Color Variation

#3184d2
```
#3184d2 rgb(49,132,210)
```
#428ed5
```
#428ed5 rgb(66,142,213)
```
#5297d9
```
#5297d9 rgb(82,151,217)
```
#62a1dc
```
#62a1dc rgb(98,161,220)
```
#72abe0
```
#72abe0 rgb(114,171,224)
```
#82b4e3
```
#82b4e3 rgb(130,180,227)
```
#92bee7
```
#92bee7 rgb(146,190,231)
```
#a2c7ea
```
#a2c7ea rgb(162,199,234)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#c2dbf2
```
#c2dbf2 rgb(194,219,242)
```
#d2e4f5
```
#d2e4f5 rgb(210,228,245)
```
#e2eef9
```
#e2eef9 rgb(226,238,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#cfd0d1
```
#cfd0d1 rgb(207,208,209)
```
#cbd0d5
```
#cbd0d5 rgb(203,208,213)
```
#c8d0d8
```
#c8d0d8 rgb(200,208,216)
```
#c4d0dc
```
#c4d0dc rgb(196,208,220)
```
#c0d1e0
```
#c0d1e0 rgb(192,209,224)
```
#bdd1e3
```
#bdd1e3 rgb(189,209,227)
```
#b9d1e7
```
#b9d1e7 rgb(185,209,231)
```
#b6d1ea
```
#b6d1ea rgb(182,209,234)
```
#b2d1ee
```
#b2d1ee rgb(178,209,238)
```
#aed1f2
```
#aed1f2 rgb(174,209,242)
```
#abd1f5
```
#abd1f5 rgb(171,209,245)
```
#a7d1f9
```
#a7d1f9 rgb(167,209,249)
```
#a4d1fc
```
#a4d1fc rgb(164,209,252)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c6ccd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#caceeb Protanopia 1% of men
#d1cbf1 Deuteranopia 1% of men
#b3d5e4 Tritanopia 0.001% of the population

Trichromacy

#c1cfec Protanomaly 1% of men, 0.01% of women
#c6cdf0 Deuteranomaly 6% of men, 0.4% of women
#b2d3e8 Tritanomaly 0.01% of the population

#b2d1ee hex color

#b2d1ee Color Information

#b2d1ee Color Conversion

Color Schemes with #b2d1ee

Alternatives to #b2d1ee

#b2d1ee Preview

Shades and Tints of #b2d1ee

Tones of #b2d1ee

Color Blindness Simulator