#b2b8e6 hex color

In a RGB color space, hex #b2b8e6 is composed of 69.8% red, 72.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 20% magenta, 0% yellow and 9.8% black. It has a hue angle of 233.1 degrees, a saturation of 51% and a lightness of 80%. #b2b8e6 color hex could be obtained by blending #ffffff with #6571cd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 72
- B 90
RGB color chart
- C 23
- M 20
- Y 0
- K 10
CMYK color chart

● #b2b8e6 color description : Very soft blue.

The hexadecimal color #b2b8e6 has RGB values of R:178, G:184, B:230 and CMYK values of C:0.23, M:0.2, Y:0, K:0.1. Its decimal value is 11712742.

Hex triplet	b2b8e6	`#b2b8e6`
RGB Decimal	178, 184, 230	`rgb(178,184,230)`
RGB Percent	69.8, 72.2, 90.2	`rgb(69.8%,72.2%,90.2%)`
CMYK	23, 20, 0, 10
HSL	233.1°, 51, 80	`hsl(233.1,51%,80%)`
HSV (or HSB)	233.1°, 22.6, 90.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.736, 7.624, -23.636
XYZ	49.781, 49.458, 81.782
xyY	0.275, 0.273, 49.458
CIE-LCH	75.736, 24.835, 287.878
CIE-LUV	75.736, -5.733, -38.491
Hunter-Lab	70.327, 3.279, -19.719
Binary	10110010, 10111000, 11100110

#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#e6e0b2
```
#e6e0b2 rgb(230,224,178)
```

Complementary Color

#b2d2e6
```
#b2d2e6 rgb(178,210,230)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#c6b2e6
```
#c6b2e6 rgb(198,178,230)
```

Analogous Color

#d2e6b2
```
#d2e6b2 rgb(210,230,178)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#e6c6b2
```
#e6c6b2 rgb(230,198,178)
```

Split Complementary Color

#b8e6b2
```
#b8e6b2 rgb(184,230,178)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#e6b2b8
```
#e6b2b8 rgb(230,178,184)
```

Triadic Color

#b2e6e0
```
#b2e6e0 rgb(178,230,224)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#e6b2b8
```
#e6b2b8 rgb(230,178,184)
```
#e6e0b2
```
#e6e0b2 rgb(230,224,178)
```

Tetradic Color

#7883d3
```
#7883d3 rgb(120,131,211)
```
#8c95da
```
#8c95da rgb(140,149,218)
```
#9fa6e0
```
#9fa6e0 rgb(159,166,224)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#c5caec
```
#c5caec rgb(197,202,236)
```
#d9dcf3
```
#d9dcf3 rgb(217,220,243)
```
#ecedf9
```
#ecedf9 rgb(236,237,249)
```

Monochromatic Color

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

#b2c5e6
```
#b2c5e6 rgb(178,197,230)
```
#b2c1e6
```
#b2c1e6 rgb(178,193,230)
```
#b2bce6
```
#b2bce6 rgb(178,188,230)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#b2b4e6
```
#b2b4e6 rgb(178,180,230)
```
#b5b2e6
```
#b5b2e6 rgb(181,178,230)
```
#b9b2e6
```
#b9b2e6 rgb(185,178,230)
```

Similar Colors

Text with hexadecimal color #b2b8e6

This text has a font color of #b2b8e6.

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

#b2b8e6 background color

This paragraph has a background color of #b2b8e6.

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

#b2b8e6 border color

This element has a border color of #b2b8e6.

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

CSS codes

.text {color:#b2b8e6;}

.background {background-color:#b2b8e6;}

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

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, #04050c is the darkest color, while #fcfcfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#090b1b
```
#090b1b rgb(9,11,27)
```
#0d1129
```
#0d1129 rgb(13,17,41)
```
#121738
```
#121738 rgb(18,23,56)
```
#171d47
```
#171d47 rgb(23,29,71)
```
#1c2356
```
#1c2356 rgb(28,35,86)
```
#212965
```
#212965 rgb(33,41,101)
```
#262f74
```
#262f74 rgb(38,47,116)
```
#2a3482
```
#2a3482 rgb(42,52,130)
```
#2f3a91
```
#2f3a91 rgb(47,58,145)
```
#3440a0
```
#3440a0 rgb(52,64,160)
```
#3946af
```
#3946af rgb(57,70,175)
```
#3e4cbe
```
#3e4cbe rgb(62,76,190)
```

Shade Color Variation

#4a58c4
```
#4a58c4 rgb(74,88,196)
```
#5966c9
```
#5966c9 rgb(89,102,201)
```
#6874ce
```
#6874ce rgb(104,116,206)
```
#7781d3
```
#7781d3 rgb(119,129,211)
```
#868fd8
```
#868fd8 rgb(134,143,216)
```
#949ddc
```
#949ddc rgb(148,157,220)
```
#a3aae1
```
#a3aae1 rgb(163,170,225)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#c1c6eb
```
#c1c6eb rgb(193,198,235)
```
#d0d3f0
```
#d0d3f0 rgb(208,211,240)
```
#dee1f4
```
#dee1f4 rgb(222,225,244)
```
#edeff9
```
#edeff9 rgb(237,239,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#cacace
```
#cacace rgb(202,202,206)
```
#c6c7d2
```
#c6c7d2 rgb(198,199,210)
```
#c2c4d6
```
#c2c4d6 rgb(194,196,214)
```
#bec1da
```
#bec1da rgb(190,193,218)
```
#babede
```
#babede rgb(186,190,222)
```
#b6bbe2
```
#b6bbe2 rgb(182,187,226)
```
#b2b8e6
```
#b2b8e6 rgb(178,184,230)
```
#aeb5ea
```
#aeb5ea rgb(174,181,234)
```
#aab2ee
```
#aab2ee rgb(170,178,238)
```
#a6aff2
```
#a6aff2 rgb(166,175,242)
```
#a2acf6
```
#a2acf6 rgb(162,172,246)
```
#9ea9fa
```
#9ea9fa rgb(158,169,250)
```
#9aa6fe
```
#9aa6fe rgb(154,166,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9bac4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bce7 Protanopia 1% of men
#b9bae7 Deuteranopia 1% of men
#b0c0ce Tritanopia 0.001% of the population

Trichromacy

#b2bae7 Protanomaly 1% of men, 0.01% of women
#b6b9e7 Deuteranomaly 6% of men, 0.4% of women
#b0bdd6 Tritanomaly 0.01% of the population

#b2b8e6 hex color

#b2b8e6 Color Information

#b2b8e6 Color Conversion

Color Schemes with #b2b8e6

Alternatives to #b2b8e6

#b2b8e6 Preview

Shades and Tints of #b2b8e6

Tones of #b2b8e6

Color Blindness Simulator