#b2b8f1 hex color

In a RGB color space, hex #b2b8f1 is composed of 69.8% red, 72.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 23.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 234.3 degrees, a saturation of 69.2% and a lightness of 82.2%. #b2b8f1 color hex could be obtained by blending #ffffff with #6571e3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 72
- B 95
RGB color chart
- C 26
- M 24
- Y 0
- K 5
CMYK color chart

● #b2b8f1 color description : Very soft blue.

The hexadecimal color #b2b8f1 has RGB values of R:178, G:184, B:241 and CMYK values of C:0.26, M:0.24, Y:0, K:0.05. Its decimal value is 11712753.

Hex triplet	b2b8f1	`#b2b8f1`
RGB Decimal	178, 184, 241	`rgb(178,184,241)`
RGB Percent	69.8, 72.2, 94.5	`rgb(69.8%,72.2%,94.5%)`
CMYK	26, 24, 0, 5
HSL	234.3°, 69.2, 82.2	`hsl(234.3,69.2%,82.2%)`
HSV (or HSB)	234.3°, 26.1, 94.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.128, 10.189, -28.978
XYZ	51.375, 50.096, 90.177
xyY	0.268, 0.261, 50.096
CIE-LCH	76.128, 30.717, 289.372
CIE-LUV	76.128, -6.318, -47.782
Hunter-Lab	70.779, 5.702, -25.995
Binary	10110010, 10111000, 11110001

#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#f1ebb2
```
#f1ebb2 rgb(241,235,178)
```

Complementary Color

#b2d8f1
```
#b2d8f1 rgb(178,216,241)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#ccb2f1
```
#ccb2f1 rgb(204,178,241)
```

Analogous Color

#d8f1b2
```
#d8f1b2 rgb(216,241,178)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#f1ccb2
```
#f1ccb2 rgb(241,204,178)
```

Split Complementary Color

#b8f1b2
```
#b8f1b2 rgb(184,241,178)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#f1b2b8
```
#f1b2b8 rgb(241,178,184)
```

Triadic Color

#b2f1eb
```
#b2f1eb rgb(178,241,235)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#f1b2b8
```
#f1b2b8 rgb(241,178,184)
```
#f1ebb2
```
#f1ebb2 rgb(241,235,178)
```

Tetradic Color

#717ce5
```
#717ce5 rgb(113,124,229)
```
#8790e9
```
#8790e9 rgb(135,144,233)
```
#9ca4ed
```
#9ca4ed rgb(156,164,237)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#c8ccf5
```
#c8ccf5 rgb(200,204,245)
```
#dde0f9
```
#dde0f9 rgb(221,224,249)
```
#f3f4fd
```
#f3f4fd rgb(243,244,253)
```

Monochromatic Color

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

#b2c8f1
```
#b2c8f1 rgb(178,200,241)
```
#b2c3f1
```
#b2c3f1 rgb(178,195,241)
```
#b2bdf1
```
#b2bdf1 rgb(178,189,241)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#b2b3f1
```
#b2b3f1 rgb(178,179,241)
```
#b7b2f1
```
#b7b2f1 rgb(183,178,241)
```
#bcb2f1
```
#bcb2f1 rgb(188,178,241)
```

Similar Colors

Text with hexadecimal color #b2b8f1

This text has a font color of #b2b8f1.

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

#b2b8f1 background color

This paragraph has a background color of #b2b8f1.

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

#b2b8f1 border color

This element has a border color of #b2b8f1.

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

CSS codes

.text {color:#b2b8f1;}

.background {background-color:#b2b8f1;}

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040617
```
#040617 rgb(4,6,23)
```
#070a27
```
#070a27 rgb(7,10,39)
```
#0a0e38
```
#0a0e38 rgb(10,14,56)
```
#0d1348
```
#0d1348 rgb(13,19,72)
```
#101759
```
#101759 rgb(16,23,89)
```
#131b6a
```
#131b6a rgb(19,27,106)
```
#16207a
```
#16207a rgb(22,32,122)
```
#19248b
```
#19248b rgb(25,36,139)
```
#1c289b
```
#1c289b rgb(28,40,155)
```
#1f2dac
```
#1f2dac rgb(31,45,172)
```
#2231bd
```
#2231bd rgb(34,49,189)
```
#2535cd
```
#2535cd rgb(37,53,205)
```

Shade Color Variation

#2d3ed9
```
#2d3ed9 rgb(45,62,217)
```
#3e4ddc
```
#3e4ddc rgb(62,77,220)
```
#4e5cdf
```
#4e5cdf rgb(78,92,223)
```
#5f6be2
```
#5f6be2 rgb(95,107,226)
```
#707be5
```
#707be5 rgb(112,123,229)
```
#808ae8
```
#808ae8 rgb(128,138,232)
```
#9199eb
```
#9199eb rgb(145,153,235)
```
#a1a9ee
```
#a1a9ee rgb(161,169,238)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#c3c7f4
```
#c3c7f4 rgb(195,199,244)
```
#d3d7f7
```
#d3d7f7 rgb(211,215,247)
```
#e4e6fa
```
#e4e6fa rgb(228,230,250)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

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

#cecfd5
```
#cecfd5 rgb(206,207,213)
```
#cbccd9
```
#cbccd9 rgb(203,204,217)
```
#c7c9dc
```
#c7c9dc rgb(199,201,220)
```
#c4c6e0
```
#c4c6e0 rgb(196,198,224)
```
#c0c3e3
```
#c0c3e3 rgb(192,195,227)
```
#bdc1e7
```
#bdc1e7 rgb(189,193,231)
```
#b9beea
```
#b9beea rgb(185,190,234)
```
#b6bbee
```
#b6bbee rgb(182,187,238)
```
#b2b8f1
```
#b2b8f1 rgb(178,184,241)
```
#afb5f5
```
#afb5f5 rgb(175,181,245)
```
#abb2f8
```
#abb2f8 rgb(171,178,248)
```
#a8b0fc
```
#a8b0fc rgb(168,176,252)
```
#a4adff
```
#a4adff rgb(164,173,255)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbbcc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bdf2 Protanopia 1% of men
#b4bcf1 Deuteranopia 1% of men
#adc2d0 Tritanopia 0.001% of the population

Trichromacy

#b0bbf2 Protanomaly 1% of men, 0.01% of women
#b3baf1 Deuteranomaly 6% of men, 0.4% of women
#afbedc Tritanomaly 0.01% of the population

#b2b8f1 hex color

#b2b8f1 Color Information

#b2b8f1 Color Conversion

Color Schemes with #b2b8f1

Alternatives to #b2b8f1

#b2b8f1 Preview

Shades and Tints of #b2b8f1

Tones of #b2b8f1

Color Blindness Simulator