#b2bded hex color

In a RGB color space, hex #b2bded is composed of 69.8% red, 74.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 20.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 228.8 degrees, a saturation of 62.1% and a lightness of 81.4%. #b2bded color hex could be obtained by blending #ffffff with #657bdb. Closest websafe color is: #99ccff.

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

● #b2bded color description : Very soft blue.

The hexadecimal color #b2bded has RGB values of R:178, G:189, B:237 and CMYK values of C:0.25, M:0.2, Y:0, K:0.07. Its decimal value is 11714029.

Hex triplet	b2bded	`#b2bded`
RGB Decimal	178, 189, 237	`rgb(178,189,237)`
RGB Percent	69.8, 74.1, 92.9	`rgb(69.8%,74.1%,92.9%)`
CMYK	25, 20, 0, 7
HSL	228.8°, 62.1, 81.4	`hsl(228.8,62.1%,81.4%)`
HSV (or HSB)	228.8°, 24.9, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.265, 6.516, -25.082
XYZ	51.841, 51.974, 87.417
xyY	0.271, 0.272, 51.974
CIE-LCH	77.265, 25.914, 284.563
CIE-LUV	77.265, -8.278, -40.827
Hunter-Lab	72.093, 2.194, -21.428
Binary	10110010, 10111101, 11101101

#b2bded
```
#b2bded rgb(178,189,237)
```
#ede2b2
```
#ede2b2 rgb(237,226,178)
```

Complementary Color

#b2dbed
```
#b2dbed rgb(178,219,237)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#c5b2ed
```
#c5b2ed rgb(197,178,237)
```

Analogous Color

#dbedb2
```
#dbedb2 rgb(219,237,178)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#edc5b2
```
#edc5b2 rgb(237,197,178)
```

Split Complementary Color

#bdedb2
```
#bdedb2 rgb(189,237,178)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#edb2bd
```
#edb2bd rgb(237,178,189)
```

Triadic Color

#b2ede2
```
#b2ede2 rgb(178,237,226)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#edb2bd
```
#edb2bd rgb(237,178,189)
```
#ede2b2
```
#ede2b2 rgb(237,226,178)
```

Tetradic Color

#7488df
```
#7488df rgb(116,136,223)
```
#899ae3
```
#899ae3 rgb(137,154,227)
```
#9dabe8
```
#9dabe8 rgb(157,171,232)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#c7cff2
```
#c7cff2 rgb(199,207,242)
```
#dbe0f7
```
#dbe0f7 rgb(219,224,247)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Monochromatic Color

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

#b2cced
```
#b2cced rgb(178,204,237)
```
#b2c7ed
```
#b2c7ed rgb(178,199,237)
```
#b2c2ed
```
#b2c2ed rgb(178,194,237)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#b2b8ed
```
#b2b8ed rgb(178,184,237)
```
#b2b3ed
```
#b2b3ed rgb(178,179,237)
```
#b6b2ed
```
#b6b2ed rgb(182,178,237)
```

Similar Colors

Text with hexadecimal color #b2bded

This text has a font color of #b2bded.

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

#b2bded background color

This paragraph has a background color of #b2bded.

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

#b2bded border color

This element has a border color of #b2bded.

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

CSS codes

.text {color:#b2bded;}

.background {background-color:#b2bded;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#040712
```
#040712 rgb(4,7,18)
```
#080d22
```
#080d22 rgb(8,13,34)
```
#0c1332
```
#0c1332 rgb(12,19,50)
```
#0f1942
```
#0f1942 rgb(15,25,66)
```
#131f52
```
#131f52 rgb(19,31,82)
```
#172562
```
#172562 rgb(23,37,98)
```
#1b2b72
```
#1b2b72 rgb(27,43,114)
```
#1e3182
```
#1e3182 rgb(30,49,130)
```
#223792
```
#223792 rgb(34,55,146)
```
#263da1
```
#263da1 rgb(38,61,161)
```
#2943b1
```
#2943b1 rgb(41,67,177)
```
#2d49c1
```
#2d49c1 rgb(45,73,193)
```

Shade Color Variation

#3350cf
```
#3350cf rgb(51,80,207)
```
#435ed3
```
#435ed3 rgb(67,94,211)
```
#536bd7
```
#536bd7 rgb(83,107,215)
```
#6379da
```
#6379da rgb(99,121,218)
```
#7286de
```
#7286de rgb(114,134,222)
```
#8294e2
```
#8294e2 rgb(130,148,226)
```
#92a2e6
```
#92a2e6 rgb(146,162,230)
```
#a2afe9
```
#a2afe9 rgb(162,175,233)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#c2cbf1
```
#c2cbf1 rgb(194,203,241)
```
#d2d8f4
```
#d2d8f4 rgb(210,216,244)
```
#e2e6f8
```
#e2e6f8 rgb(226,230,248)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

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

#cfcfd0
```
#cfcfd0 rgb(207,207,208)
```
#cccdd3
```
#cccdd3 rgb(204,205,211)
```
#c8cbd7
```
#c8cbd7 rgb(200,203,215)
```
#c4c8db
```
#c4c8db rgb(196,200,219)
```
#c1c6de
```
#c1c6de rgb(193,198,222)
```
#bdc4e2
```
#bdc4e2 rgb(189,196,226)
```
#b9c2e6
```
#b9c2e6 rgb(185,194,230)
```
#b6bfe9
```
#b6bfe9 rgb(182,191,233)
```
#b2bded
```
#b2bded rgb(178,189,237)
```
#aebbf1
```
#aebbf1 rgb(174,187,241)
```
#abb8f4
```
#abb8f4 rgb(171,184,244)
```
#a7b6f8
```
#a7b6f8 rgb(167,182,248)
```
#a3b4fc
```
#a3b4fc rgb(163,180,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcbfc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c0ed Protanopia 1% of men
#bbbeee Deuteranopia 1% of men
#afc5d3 Tritanopia 0.001% of the population

Trichromacy

#b4bfed Protanomaly 1% of men, 0.01% of women
#b8beed Deuteranomaly 6% of men, 0.4% of women
#b0c2dc Tritanomaly 0.01% of the population

#b2bded hex color

#b2bded Color Information

#b2bded Color Conversion

Color Schemes with #b2bded

Alternatives to #b2bded

#b2bded Preview

Shades and Tints of #b2bded

Tones of #b2bded

Color Blindness Simulator