#b3bdc4 hex color

In a RGB color space, hex #b3bdc4 is composed of 70.2% red, 74.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 3.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 204.7 degrees, a saturation of 12.6% and a lightness of 73.5%. #b3bdc4 color hex could be obtained by blending #ffffff with #677b89. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 70
- G 74
- B 77
RGB color chart
- C 9
- M 4
- Y 0
- K 23
CMYK color chart

● #b3bdc4 color description : Grayish blue.

The hexadecimal color #b3bdc4 has RGB values of R:179, G:189, B:196 and CMYK values of C:0.09, M:0.04, Y:0, K:0.23. Its decimal value is 11779524.

Hex triplet	b3bdc4	`#b3bdc4`
RGB Decimal	179, 189, 196	`rgb(179,189,196)`
RGB Percent	70.2, 74.1, 76.9	`rgb(70.2%,74.1%,76.9%)`
CMYK	9, 4, 0, 23
HSL	204.7°, 12.6, 73.5	`hsl(204.7,12.6%,73.5%)`
HSV (or HSB)	204.7°, 8.7, 76.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.047, -2.07, -4.72
XYZ	46.75, 49.964, 59.403
xyY	0.299, 0.32, 49.964
CIE-LCH	76.047, 5.154, 246.321
CIE-LUV	76.047, -5.863, -6.776
Hunter-Lab	70.685, -5.643, -0.347
Binary	10110011, 10111101, 11000100

#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#c4bab3
```
#c4bab3 rgb(196,186,179)
```

Complementary Color

#b3c4c3
```
#b3c4c3 rgb(179,196,195)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#b3b5c4
```
#b3b5c4 rgb(179,181,196)
```

Analogous Color

#c4c3b3
```
#c4c3b3 rgb(196,195,179)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#c4b3b5
```
#c4b3b5 rgb(196,179,181)
```

Split Complementary Color

#bdc4b3
```
#bdc4b3 rgb(189,196,179)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#c4b3bd
```
#c4b3bd rgb(196,179,189)
```

Triadic Color

#b3c4ba
```
#b3c4ba rgb(179,196,186)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#c4b3bd
```
#c4b3bd rgb(196,179,189)
```
#c4bab3
```
#c4bab3 rgb(196,186,179)
```

Tetradic Color

#8898a3
```
#8898a3 rgb(136,152,163)
```
#96a4ae
```
#96a4ae rgb(150,164,174)
```
#a5b1b9
```
#a5b1b9 rgb(165,177,185)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#c1c9cf
```
#c1c9cf rgb(193,201,207)
```
#d0d6da
```
#d0d6da rgb(208,214,218)
```
#dee2e5
```
#dee2e5 rgb(222,226,229)
```

Monochromatic Color

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

#b3c1c4
```
#b3c1c4 rgb(179,193,196)
```
#b3c0c4
```
#b3c0c4 rgb(179,192,196)
```
#b3bec4
```
#b3bec4 rgb(179,190,196)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#b3bcc4
```
#b3bcc4 rgb(179,188,196)
```
#b3bac4
```
#b3bac4 rgb(179,186,196)
```
#b3b9c4
```
#b3b9c4 rgb(179,185,196)
```

Similar Colors

Text with hexadecimal color #b3bdc4

This text has a font color of #b3bdc4.

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

#b3bdc4 background color

This paragraph has a background color of #b3bdc4.

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

#b3bdc4 border color

This element has a border color of #b3bdc4.

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

CSS codes

.text {color:#b3bdc4;}

.background {background-color:#b3bdc4;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#121517
```
#121517 rgb(18,21,23)
```
#1b1f22
```
#1b1f22 rgb(27,31,34)
```
#23292d
```
#23292d rgb(35,41,45)
```
#2c3339
```
#2c3339 rgb(44,51,57)
```
#343d44
```
#343d44 rgb(52,61,68)
```
#3d474f
```
#3d474f rgb(61,71,79)
```
#46515a
```
#46515a rgb(70,81,90)
```
#4e5b65
```
#4e5b65 rgb(78,91,101)
```
#576570
```
#576570 rgb(87,101,112)
```
#5f6f7b
```
#5f6f7b rgb(95,111,123)
```
#687986
```
#687986 rgb(104,121,134)
```

Shade Color Variation

#718391
```
#718391 rgb(113,131,145)
```
#7c8d99
```
#7c8d99 rgb(124,141,153)
```
#8797a2
```
#8797a2 rgb(135,151,162)
```
#92a0aa
```
#92a0aa rgb(146,160,170)
```
#9daab3
```
#9daab3 rgb(157,170,179)
```
#a8b3bb
```
#a8b3bb rgb(168,179,187)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#bec7cd
```
#bec7cd rgb(190,199,205)
```
#c9d0d5
```
#c9d0d5 rgb(201,208,213)
```
#d4dade
```
#d4dade rgb(212,218,222)
```
#dfe3e6
```
#dfe3e6 rgb(223,227,230)
```
#eaedef
```
#eaedef rgb(234,237,239)
```
#f5f7f7
```
#f5f7f7 rgb(245,247,247)
```

Tint Color Variation

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

#b8bcbf
```
#b8bcbf rgb(184,188,191)
```
#b3bdc4
```
#b3bdc4 rgb(179,189,196)
```
#aebec9
```
#aebec9 rgb(174,190,201)
```
#a9bfce
```
#a9bfce rgb(169,191,206)
```
#a3c0d4
```
#a3c0d4 rgb(163,192,212)
```
#9ec1d9
```
#9ec1d9 rgb(158,193,217)
```
#99c2de
```
#99c2de rgb(153,194,222)
```
#94c2e3
```
#94c2e3 rgb(148,194,227)
```
#8fc3e8
```
#8fc3e8 rgb(143,195,232)
```
#89c4ee
```
#89c4ee rgb(137,196,238)
```
#84c5f3
```
#84c5f3 rgb(132,197,243)
```
#7fc6f8
```
#7fc6f8 rgb(127,198,248)
```
#7ac7fd
```
#7ac7fd rgb(122,199,253)
```

Tone Color Variation

Below, you can see how #b3bdc4 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
#b9bbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bdc5 Protanopia 1% of men
#cbb9c9 Deuteranopia 1% of men
#b8bfcd Tritanopia 0.001% of the population

Trichromacy

#bbbdc5 Protanomaly 1% of men, 0.01% of women
#c2bac7 Deuteranomaly 6% of men, 0.4% of women
#b6bec9 Tritanomaly 0.01% of the population

#b3bdc4 hex color

#b3bdc4 Color Information

#b3bdc4 Color Conversion

Color Schemes with #b3bdc4

Alternatives to #b3bdc4

#b3bdc4 Preview

Shades and Tints of #b3bdc4

Tones of #b3bdc4

Color Blindness Simulator