#b3bdd2 hex color

In a RGB color space, hex #b3bdd2 is composed of 70.2% red, 74.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 10% magenta, 0% yellow and 17.6% black. It has a hue angle of 220.6 degrees, a saturation of 25.6% and a lightness of 76.3%. #b3bdd2 color hex could be obtained by blending #ffffff with #677ba5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 74
- B 82
RGB color chart
- C 15
- M 10
- Y 0
- K 18
CMYK color chart

● #b3bdd2 color description : Grayish blue.

The hexadecimal color #b3bdd2 has RGB values of R:179, G:189, B:210 and CMYK values of C:0.15, M:0.1, Y:0, K:0.18. Its decimal value is 11779538.

Hex triplet	b3bdd2	`#b3bdd2`
RGB Decimal	179, 189, 210	`rgb(179,189,210)`
RGB Percent	70.2, 74.1, 82.4	`rgb(70.2%,74.1%,82.4%)`
CMYK	15, 10, 0, 18
HSL	220.6°, 25.6, 76.3	`hsl(220.6,25.6%,76.3%)`
HSV (or HSB)	220.6°, 14.8, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.455, 0.812, -11.709
XYZ	48.419, 50.632, 68.191
xyY	0.29, 0.303, 50.632
CIE-LCH	76.455, 11.737, 273.968
CIE-LUV	76.455, -6.51, -18.152
Hunter-Lab	71.156, -3.061, -7.011
Binary	10110011, 10111101, 11010010

#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#d2c8b3
```
#d2c8b3 rgb(210,200,179)
```

Complementary Color

#b3cdd2
```
#b3cdd2 rgb(179,205,210)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#b9b3d2
```
#b9b3d2 rgb(185,179,210)
```

Analogous Color

#cdd2b3
```
#cdd2b3 rgb(205,210,179)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#d2b9b3
```
#d2b9b3 rgb(210,185,179)
```

Split Complementary Color

#bdd2b3
```
#bdd2b3 rgb(189,210,179)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#d2b3bd
```
#d2b3bd rgb(210,179,189)
```

Triadic Color

#b3d2c8
```
#b3d2c8 rgb(179,210,200)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#d2b3bd
```
#d2b3bd rgb(210,179,189)
```
#d2c8b3
```
#d2c8b3 rgb(210,200,179)
```

Tetradic Color

#8393b6
```
#8393b6 rgb(131,147,182)
```
#93a1bf
```
#93a1bf rgb(147,161,191)
```
#a3afc9
```
#a3afc9 rgb(163,175,201)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#c3cbdb
```
#c3cbdb rgb(195,203,219)
```
#d3d9e5
```
#d3d9e5 rgb(211,217,229)
```
#e3e7ee
```
#e3e7ee rgb(227,231,238)
```

Monochromatic Color

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

#b3c5d2
```
#b3c5d2 rgb(179,197,210)
```
#b3c2d2
```
#b3c2d2 rgb(179,194,210)
```
#b3c0d2
```
#b3c0d2 rgb(179,192,210)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#b3bad2
```
#b3bad2 rgb(179,186,210)
```
#b3b8d2
```
#b3b8d2 rgb(179,184,210)
```
#b3b5d2
```
#b3b5d2 rgb(179,181,210)
```

Similar Colors

Text with hexadecimal color #b3bdd2

This text has a font color of #b3bdd2.

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

#b3bdd2 background color

This paragraph has a background color of #b3bdd2.

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

#b3bdd2 border color

This element has a border color of #b3bdd2.

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

CSS codes

.text {color:#b3bdd2;}

.background {background-color:#b3bdd2;}

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

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0d1017
```
#0d1017 rgb(13,16,23)
```
#151923
```
#151923 rgb(21,25,35)
```
#1c222f
```
#1c222f rgb(28,34,47)
```
#232b3c
```
#232b3c rgb(35,43,60)
```
#2b3448
```
#2b3448 rgb(43,52,72)
```
#323d54
```
#323d54 rgb(50,61,84)
```
#394660
```
#394660 rgb(57,70,96)
```
#404f6d
```
#404f6d rgb(64,79,109)
```
#485879
```
#485879 rgb(72,88,121)
```
#4f6185
```
#4f6185 rgb(79,97,133)
```
#566992
```
#566992 rgb(86,105,146)
```
#5e729e
```
#5e729e rgb(94,114,158)
```

Shade Color Variation

#697da6
```
#697da6 rgb(105,125,166)
```
#7588ae
```
#7588ae rgb(117,136,174)
```
#8292b5
```
#8292b5 rgb(130,146,181)
```
#8e9dbc
```
#8e9dbc rgb(142,157,188)
```
#9aa8c3
```
#9aa8c3 rgb(154,168,195)
```
#a7b2cb
```
#a7b2cb rgb(167,178,203)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#bfc8d9
```
#bfc8d9 rgb(191,200,217)
```
#ccd2e1
```
#ccd2e1 rgb(204,210,225)
```
#d8dde8
```
#d8dde8 rgb(216,221,232)
```
#e4e8ef
```
#e4e8ef rgb(228,232,239)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#c1c2c4
```
#c1c2c4 rgb(193,194,196)
```
#bcc0c9
```
#bcc0c9 rgb(188,192,201)
```
#b8bfcd
```
#b8bfcd rgb(184,191,205)
```
#b3bdd2
```
#b3bdd2 rgb(179,189,210)
```
#aebbd7
```
#aebbd7 rgb(174,187,215)
```
#aabadb
```
#aabadb rgb(170,186,219)
```
#a5b8e0
```
#a5b8e0 rgb(165,184,224)
```
#a0b6e5
```
#a0b6e5 rgb(160,182,229)
```
#9cb5e9
```
#9cb5e9 rgb(156,181,233)
```
#97b3ee
```
#97b3ee rgb(151,179,238)
```
#92b1f3
```
#92b1f3 rgb(146,177,243)
```
#8eb0f7
```
#8eb0f7 rgb(142,176,247)
```
#89aefc
```
#89aefc rgb(137,174,252)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#babcc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbed3 Protanopia 1% of men
#c7bbd6 Deuteranopia 1% of men
#b5c1cf Tritanopia 0.001% of the population

Trichromacy

#b9bed2 Protanomaly 1% of men, 0.01% of women
#bfbbd4 Deuteranomaly 6% of men, 0.4% of women
#b4bfd0 Tritanomaly 0.01% of the population

#b3bdd2 hex color

#b3bdd2 Color Information

#b3bdd2 Color Conversion

Color Schemes with #b3bdd2

Alternatives to #b3bdd2

#b3bdd2 Preview

Shades and Tints of #b3bdd2

Tones of #b3bdd2

Color Blindness Simulator