#b2d7ee hex color

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

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

● #b2d7ee color description : Very soft blue.

The hexadecimal color #b2d7ee has RGB values of R:178, G:215, B:238 and CMYK values of C:0.25, M:0.1, Y:0, K:0.07. Its decimal value is 11720686.

Hex triplet	b2d7ee	`#b2d7ee`
RGB Decimal	178, 215, 238	`rgb(178,215,238)`
RGB Percent	69.8, 84.3, 93.3	`rgb(69.8%,84.3%,93.3%)`
CMYK	25, 10, 0, 7
HSL	203°, 63.8, 81.6	`hsl(203,63.8%,81.6%)`
HSV (or HSB)	203°, 25.2, 93.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.089, -7.102, -15.284
XYZ	58.09, 64.237, 90.223
xyY	0.273, 0.302, 64.237
CIE-LCH	84.089, 16.854, 245.077
CIE-LUV	84.089, -19.72, -22.926
Hunter-Lab	80.148, -10.886, -10.639
Binary	10110010, 11010111, 11101110

#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#eec9b2
```
#eec9b2 rgb(238,201,178)
```

Complementary Color

#b2eee7
```
#b2eee7 rgb(178,238,231)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#b2b9ee
```
#b2b9ee rgb(178,185,238)
```

Analogous Color

#eee7b2
```
#eee7b2 rgb(238,231,178)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#eeb2b9
```
#eeb2b9 rgb(238,178,185)
```

Split Complementary Color

#d7eeb2
```
#d7eeb2 rgb(215,238,178)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#eeb2d7
```
#eeb2d7 rgb(238,178,215)
```

Triadic Color

#b2eec9
```
#b2eec9 rgb(178,238,201)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#eeb2d7
```
#eeb2d7 rgb(238,178,215)
```
#eec9b2
```
#eec9b2 rgb(238,201,178)
```

Tetradic Color

#73b6e0
```
#73b6e0 rgb(115,182,224)
```
#88c1e5
```
#88c1e5 rgb(136,193,229)
```
#9dcce9
```
#9dcce9 rgb(157,204,233)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#c7e2f3
```
#c7e2f3 rgb(199,226,243)
```
#dcedf7
```
#dcedf7 rgb(220,237,247)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Monochromatic Color

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

#b2e6ee
```
#b2e6ee rgb(178,230,238)
```
#b2e1ee
```
#b2e1ee rgb(178,225,238)
```
#b2dcee
```
#b2dcee rgb(178,220,238)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#b2d2ee
```
#b2d2ee rgb(178,210,238)
```
#b2cdee
```
#b2cdee rgb(178,205,238)
```
#b2c8ee
```
#b2c8ee rgb(178,200,238)
```

Similar Colors

Text with hexadecimal color #b2d7ee

This text has a font color of #b2d7ee.

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

#b2d7ee background color

This paragraph has a background color of #b2d7ee.

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

#b2d7ee border color

This element has a border color of #b2d7ee.

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

CSS codes

.text {color:#b2d7ee;}

.background {background-color:#b2d7ee;}

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

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 #f2f8fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#040e13
```
#040e13 rgb(4,14,19)
```
#081923
```
#081923 rgb(8,25,35)
```
#0b2434
```
#0b2434 rgb(11,36,52)
```
#0f2f44
```
#0f2f44 rgb(15,47,68)
```
#123b54
```
#123b54 rgb(18,59,84)
```
#164664
```
#164664 rgb(22,70,100)
```
#1a5174
```
#1a5174 rgb(26,81,116)
```
#1d5c84
```
#1d5c84 rgb(29,92,132)
```
#216894
```
#216894 rgb(33,104,148)
```
#2473a4
```
#2473a4 rgb(36,115,164)
```
#287eb4
```
#287eb4 rgb(40,126,180)
```
#2b8ac4
```
#2b8ac4 rgb(43,138,196)
```

Shade Color Variation

#3194d2
```
#3194d2 rgb(49,148,210)
```
#429dd5
```
#429dd5 rgb(66,157,213)
```
#52a5d9
```
#52a5d9 rgb(82,165,217)
```
#62addc
```
#62addc rgb(98,173,220)
```
#72b6e0
```
#72b6e0 rgb(114,182,224)
```
#82bee3
```
#82bee3 rgb(130,190,227)
```
#92c6e7
```
#92c6e7 rgb(146,198,231)
```
#a2cfea
```
#a2cfea rgb(162,207,234)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#c2dff2
```
#c2dff2 rgb(194,223,242)
```
#d2e8f5
```
#d2e8f5 rgb(210,232,245)
```
#e2f0f9
```
#e2f0f9 rgb(226,240,249)
```
#f2f8fc
```
#f2f8fc rgb(242,248,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 #a4dafc is the most saturated one.

#cfd0d1
```
#cfd0d1 rgb(207,208,209)
```
#cbd1d5
```
#cbd1d5 rgb(203,209,213)
```
#c8d2d8
```
#c8d2d8 rgb(200,210,216)
```
#c4d3dc
```
#c4d3dc rgb(196,211,220)
```
#c0d4e0
```
#c0d4e0 rgb(192,212,224)
```
#bdd4e3
```
#bdd4e3 rgb(189,212,227)
```
#b9d5e7
```
#b9d5e7 rgb(185,213,231)
```
#b6d6ea
```
#b6d6ea rgb(182,214,234)
```
#b2d7ee
```
#b2d7ee rgb(178,215,238)
```
#aed8f2
```
#aed8f2 rgb(174,216,242)
```
#abd9f5
```
#abd9f5 rgb(171,217,245)
```
#a7daf9
```
#a7daf9 rgb(167,218,249)
```
#a4dafc
```
#a4dafc rgb(164,218,252)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c9d1d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d2eb Protanopia 1% of men
#d8cff2 Deuteranopia 1% of men
#b4d9e9 Tritanopia 0.001% of the population

Trichromacy

#c5d4ec Protanomaly 1% of men, 0.01% of women
#cad2f0 Deuteranomaly 6% of men, 0.4% of women
#b3d8eb Tritanomaly 0.01% of the population

#b2d7ee hex color

#b2d7ee Color Information

#b2d7ee Color Conversion

Color Schemes with #b2d7ee

Alternatives to #b2d7ee

#b2d7ee Preview

Shades and Tints of #b2d7ee

Tones of #b2d7ee

Color Blindness Simulator